我在用bootstrap-sass实现的Rails 3.1.2项目中使用Twitter Bootstrap 2.0.1。我正在加载bootstrap.css和和bootstrap-responsive.css文件,以及bootstrap- collapse.jsJavascript。
bootstrap.css
bootstrap-responsive.css
bootstrap- collapse.js
我有一个与示例类似的导航栏,布局流畅。在此之前,导航栏“响应变化”说明这里。效果很好:如果页面的宽度小于940像素,则导航栏会折叠并显示一个“按钮”,我可以单击它来展开。
但是,我的导航栏看起来不错,可宽至550像素左右,也就是说,除非屏幕非常狭窄,否则不需要折叠它。
如果屏幕宽度小于550像素,如何告诉Bootstrap仅折叠导航栏?
请注意,在这一点上我 不 希望修改其它响应行为,如堆叠的元素,而不是并排显示他们一边。
您正在寻找的第239行 bootstrap-responsive.css
@media (max-width: 979px) {...}
该max-width值触发响应式导航的位置。将其更改为550px左右,并且应该调整大小。
max-width