引導3 - 禁用手機上的導航欄切換堆疊

Question

如何禁用Twitter中的導航欄引導程序3將切換按鈕切換到新行，當通過移動電話訪問頁面時？

我總是得到這樣的：

Screenshot http://pix.toile-libre.org/upload/original/1463699669.png

我用盡了一切辦法，從添加自定義CSS來修改.less文件，並進一步重新編譯整個引導式的（我已經改變@grid-float-breakpoint變量，我甚至已經玩過navbar.less），但不幸的是我沒有成功。

有人可以幫我嗎？我很絕望，因爲我已經失去了一整天的時間來解決這個問題。

Answer 1

嘗試從菜單中刪除崩潰類，以及刪除按鈕：

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button> 

Answer 2

解決了這個問題，我不得不width屬性添加到具有從右側這兩個按鈕的div容器。該div是不正確地調整大小，因此它將第二個（切換）按鈕放在新行中。

Answer 3

該.navbar-toggle有財產float: right;。檢查您的navbar的HTML代碼。切換按鈕應放置在菜單的其他部分之前。