2017-01-30 5 views
1

Я хотел бы создать меню гамбургеров в навигаторе, когда содержимое рухнуло, какой класс я нацелен, чтобы сделать это?Target hamburger nav collapse in Bootstrap 4 Alpha 6

Имя класса изменилось за это, так как Альфа 5.

Класс «развалилась» добавляется только к кнопке после того как она была нажата дважды.

+2

Пожалуйста, проверьте, чтобы увидеть http://stackoverflow.com/help/mcve Как для создания минимального, полного и проверяемого примера – pringi

ответ

0

Добавьте collapsed класс к разметке, так как это начальное состояние Toggler ..

<button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">

http://www.codeply.com/go/HtUNXrHoQl

+0

А, конечно, я теперь переключил стили вокруг, и это отлично работает, спасибо! – Chris

0

Вот почему RC должен не использоваться в производстве. Вещи меняются. Много.

Чтобы найти классы, просто посмотрите на HTML в альфа 6 example template:

<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> 
    <span class="navbar-toggler-icon"></span> 
</button> 

Класс на button является navbar-toggler и класс на пролете является navbar-toggler-icon.

Смежные вопросы