Bootstrap導航欄控制崩潰

Question

我的桌面導航欄很長。 當我將瀏覽器調整為小尺寸時，導航欄項會制動行。 在Bootstrap折疊之前，它的大小為3行。 看起來很丑。

有一種方法可以控制Bootstrap何時在JS中顯示折疊nanbar？

Answer 1

從Bootstrap文檔中：

更改導航欄在折疊和水平模式之間切換的點。 自定義@ grid-float-breakpoint變量或添加自己的媒體查詢。

Answer 2

如果使用的文件較少，則可以在variable.less中更改變量：

//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);

否則，您可以添加一個新的媒體查詢。