Как сделать чтобы в мобильном варианте меню сворачивалась?
Разметка:
<div class="navbar-collapse collapse"></div>
Если статья понравилась, то поделитесь ей в социальных сетях:
Комментарии ()
Александр Мальцев
04 мая 2015, 13:49
Добрый день!
Самый простой вариант — это использовать меню Twitter Bootstrap 3.
1. Вы создали меню, а не создали во что оно будет сворачиваться:
Например:
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<!-- Меню будет сворачиваться в эту кнопку -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
2. Необходимо указать вашему меню какой-нибудь идентификатор. Так как в шаге 1 я уже указал, что у кнопки data-target="#menu", то с выбором идентификатора я уже определился:
Самый простой вариант — это использовать меню Twitter Bootstrap 3.
1. Вы создали меню, а не создали во что оно будет сворачиваться:
Например:
2. Необходимо указать вашему меню какой-нибудь идентификатор. Так как в шаге 1 я уже указал, что у кнопки data-target="#menu", то с выбором идентификатора я уже определился:
3. В итоге у нас получится следующий ход:
А если надо что-то нестандартное тогда напишите подробнее