Bootstrap высота навигационной панели - PullRequest
Новая
       43

Bootstrap высота навигационной панели

0 голосов
/ 14 января 2020

У меня вопрос по поводу класса navbar, как мне правильно установить высоту navbar?

Давайте рассмотрим пример 

<nav class="navbar navbar-light bg-light" style="height: 30px">
 <a class="navbar-brand">
 <img src="source/of/the/image.jpg" href="#">
</a>
</nav>

, этот стиль полностью уничтожит форму панели навигации. Я не могу правильно установить значок, чтобы он был именно там, где я хочу. Кроме того, navbar-brand должен отвечать за go страницы, но внешняя конфигурация не работает, как задумано.

, поэтому у меня две проблемы: 1. как правильно установить высоту navbar 2. как настроить lo go в navbar-бренде, совместимом с родительским navbar.

1 Ответ

0 голосов
/ 15 января 2020

В соответствии с вашим примером я создал пример кода, перейдите по ссылке 

<nav class="navbar navbar-light bg-light">
  <a href="#" class="navbar-brand">
    <img src="https://via.placeholder.com/100X40" alt="" />
  </a>
</nav>

Посетите ссылку: https://www.w3schools.com/code/tryit.asp?filename=GAXG4ARRW8JB

  • Запустите код по указанной ссылке

Мой дорогой друг, я предложу вам, что если вы хотите установить собственную высоту, вы должны добавить класс в nav для ie: custom-height установите ваш css пользовательский стиль. Я добавил стиль в пример ссылки.

...