Bootstrap：垂直導航欄響應切換到水平？

Question

我有一個響應式Bootstrap 3佈局正在進行中。它具有以下的一般形狀：

[導航，COL-MD-1] [邊欄，COL-MD-3] [內容，COL-MD-8]

我的導航是垂直堆疊的，這樣：

[NAV 1]

[NAV 2]

[NAV 3]

（NAV是UL，每個項是一個LI。）

當我按預期調整設計大小時，側邊欄和內容會在導航下滑動。但是當設計切換時，我的導航不需要佔據相同的高度。我想要的是當Nav越過響應閾值時切換到列。這樣它將佔用更少的空間。或者，我會很高興它完全消失。

任何指針？

Answer 1

如果您希望它消失並被很好地替換，您可能需要使用Bootstrap的默認導航。

否則，你應該玩弄不同大小的列。如果您使用col-xs-1進行導航，它將不會在較小的屏幕尺寸時切換到100％寬度。

另外，如果你希望它消失了，你應該檢查出：http://getbootstrap.com/css/#responsive-utilities

添加.hidden-XS的淨資產值將使其消失在較小的屏幕尺寸。

這些組合應該可以解決您的問題。