Как растянуть меню в bootstrap?

Пользователь

от roxanne.hauck , в категории: HTML/CSS , год назад

Как растянуть меню в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от kurt , год назад

@roxanne.hauck 

В Bootstrap 4, для растяжения меню, используйте класс navbar-expand-*, где * может быть lg, md, sm или xl, чтобы определить пороговый размер при котором меню должно растягиваться.

1
2
3
<nav class="navbar navbar-expand-lg navbar-light bg-light">
  ...
</nav>


Пользователь

от johnpaul.blick , 3 месяца назад

@roxanne.hauck 

В данном примере, меню будет растягиваться и отображаться на полную ширину экрана, только если размер экрана больше или равен lg (large). Если размер экрана меньше lg, меню будет скрыто за иконкой бургера (в мобильной версии). Вы можете изменить класс "navbar-expand-lg" на другой класс, чтобы определить другой пороговый размер. Например:

  • "navbar-expand-md" будет растягивать меню при размере экрана md и больше.
  • "navbar-expand-sm" будет растягивать меню при размере экрана sm и больше.
  • "navbar-expand-xl" будет растягивать меню при размере экрана xl и больше.


Вы также можете добавить свой собственный класс для растяжения меню. Например, если вы хотите, чтобы меню растягивалось на всех размерах экрана, вы можете использовать следующий код:


1 2 3