調整瀏覽器大小時，引導程序導航欄菜單中的圖標欄不顯示:

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/

你必須把它包在里面

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

您的代碼已更正:http://jsbin.com/ixAqinA/5/ 來自引導文檔的示例 我也有類似的問題，但是這個解決方案不適合我，因為Bootstrap發生了變化。

對于Bootstrap 3.1.1，我需要下面的樣式來顯示固定在頂部的自定義彩色導航條上的圖標條(所以。navbar-默認不起作用)

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

只需將#fff更改為您想要顯示的顏色。

Bootstrap 4不使用。圖標欄了。 在那里，必須這樣做:

<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>

有關更多詳細信息，您應該查看此處或Bootstrap 4的文檔