Не сворачивается Bootstrap меню

Как сделать чтобы в мобильном варианте меню сворачивалась?
Разметка:
<div class="navbar-collapse collapse"></div>


   Вопросы 0    2242 0

Комментарии (2)

  1. lden # 0
    После клика — не сворачивается!
    1. Александр Мальцев # 0
      Добрый день!
      Самый простой вариант — это использовать меню 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", то с выбором идентификатора я уже определился:
      <div id="menu" class="navbar-collapse collapse">
      <!-- ... -->
      </div>
      
      3. В итоге у нас получится следующий ход:
      <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>
          <div id="menu" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li><a href="#1">1</a></li>
              <li><a href="#2">2</a></li>
              <li><a href="#3">3</a></li>
              <li><a href="#4">4</a></l>
            </ul>
          </div>
        </div>
      </nav>
      
      А если надо что-то нестандартное тогда напишите подробнее

      Вы должны авторизоваться, чтобы оставлять комментарии.