引導圖標欄不顯示

圖標條在引導的導航欄菜單調整瀏覽器時不顯示：引導圖標欄不顯示

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

來源

2013-10-06 elkebirmed

你說的添加圖標類的意思「解釋，請」 – elkebirmed

啊，我試過了，但仍不工作，你可以在例子中測試它！ – elkebirmed

你必須把它包裹在裏面

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

您的代碼更正：http://jsbin.com/ixAqinA/5/
Example from Bootstrap documentation

來源

2013-10-06 08:22:30 Sanjo

對不起，這只是一個眼神的事情：圖標條是實際存在的，但它與白色像背景顏色的，所以我不能看到它反正，你的回答解決的問題太多，thak你 – elkebirmed

我有一個類似的問題，但這種方法並不適合我，因爲在引導變化的工作。

對於引導3.1.1，我需要用下面的風格展現在定製顏色導航欄的圖標條固定於頂部（所以.navbar默認不工作）

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

剛改變你想顯示顏色的#fff。

來源

2016-09-27 03:51:49 Scone

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

來源

2018-02-04 17:03:47 theoretisch

引導圖標欄不顯示

回答

相關問題