Bootstrap значок-бар не показывает

Question

значок-бар в меню NavBar бутстраповского не отображается при изменении размера браузера:

http://jsbin.com/ixAqinA/1/

<section class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a href="/"> 
     brand 
     </a> 
    </div> 
    </section> 

вы можете увидеть пример JSBin живой: http://jsbin.com/ixAqinA/1/

Answer 1

Вы должны обернуть его внутри

<nav class="navbar navbar-default" role="navigation"></nav> 

• Ваш код исправлен: http://jsbin.com/ixAqinA/5/
• Example from Bootstrap documentation

Answer 2

У меня была аналогичная проблема, но это решение не работает для меня из-за изменений в Bootstrap.

Для Bootstrap 3.1.1, мне нужен следующий стиль, чтобы показать значок бары на пользовательский цветную навигационной панели, которая крепится к верхней части (так .navbar по умолчанию не работает)

.navbar-toggle .icon-bar{ background-color: #fff;} 

Просто измените #fff на цвет, который вы хотите показать.

Answer 3

Bootstrap 4 не использует .icon-bar. Там это должно быть сделано, как:

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

Для получения более подробной информации вы должны смотреть here или в documentation of Bootstrap 4