如何禁用較小設備的bootstap導航對齊摺疊

我正在使用引導來證明一堆選項卡的均勻適合父元素的寬度。這對我很重要。然而，Bootstrap會自動將這些縮小到更小的設備，使它們達到100％的寬度，這是我不想要的。如何禁用此功能？簡單代碼：如何禁用較小設備的bootstap導航對齊摺疊

<ul class="nav nav-tabs nav-justified> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul>

感謝

你有截圖 –

@JamesMohler我是新來的stackoverflow，並沒有權限上傳照片，但是截圖可能沒有必要。 http://getbootstrap.com/components/#nav-tabs你會看到導航鏈接堆疊爲較小的設備。 – robinyapockets

你可以用類COL-XS-12因此，將堆積在非常小的顯示器添加一個容器。畢竟，如果你想讓它在所有顯示器中不堆疊，只需寫一個媒體查詢即可。

如果您分享更多的代碼，然後我可以在回答更具體。

2013-12-08 20:22:38 Gokhan

謝謝，我可以通過媒體query.nav-justified> li {display：table-cell;} @Gokhan – robinyapockets

得到它，請您接受我的回答，以便任何尋找類似問題解決方案的人都可以看到這個 – Gokhan

這不能解決它;它實際上根本不會改變行爲。 – felwithe

您需要添加寬度：1％，使其伸展

.nav-justified > li { 
    display: table-cell; 
    width: 1% 
}

2014-11-13 21:00:45

這些答案都是不正確的。 Bootstrap具有內置的簡單方法來執行此操作，與處理頂級菜單摺疊的方式相同。

將類navbar-default添加到nav元素。如果沒有這個類，它會崩潰，但是你不會有小展開圖標（你點擊展開的三條水平線）。
將類navbar-collapse collapse添加到包含應該摺疊的鏈接的內部div。
加入<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>之前你的div應該崩潰。

這會出來相當凌亂試圖剪切和粘貼我的3個步驟;我所做的就是從頂部的工作導航欄中複製粘貼這些部分，然後將它們一一粘貼。雖然這三個元素是你需要的：navbar-default，navbar-collapse和按鈕。

2015-03-26 14:24:15 felwithe

回答