一尘不染

如何使用Twitter引导响应式更改导航栏折叠阈值?

css

我在用bootstrap-sass实现的Rails 3.1.2项目中使用Twitter Bootstrap
2.0.1。我正在加载bootstrap.css和和bootstrap-responsive.css文件,以及bootstrap- collapse.jsJavascript。

我有一个与示例类似的导航栏,布局流畅。在此之前,导航栏“响应变化”说明这里。效果很好:如果页面的宽度小于940像素,则导航栏会折叠并显示一个“按钮”,我可以单击它来展开。

但是,我的导航栏看起来不错,可宽至550像素左右,也就是说,除非屏幕非常狭窄,否则不需要折叠它。

如果屏幕宽度小于550像素,如何告诉Bootstrap仅折叠导航栏?

请注意,在这一点上我 希望修改其它响应行为,如堆叠的元素,而不是并排显示他们一边。


阅读 280

收藏
2020-05-16

共1个答案

一尘不染

您正在寻找的第239行 bootstrap-responsive.css

@media (max-width: 979px) {...}

max-width值触发响应式导航的位置。将其更改为550px左右,并且应该调整大小。

2020-05-16