有没有办法增加bootstrap 3导航栏崩溃的点(即,它会折叠成纵向平板电脑上的下拉列表)?
这两个适用于bootstrap 2但现在不适用!
我Twitter Bootstrap 2.1.1在Twitter Bootstrap Github页面上使用和使用类似于此示例的导航栏折叠和导航栏下拉列表
我知道它以979px的速度折叠并以980px的速度扩展,然后根据接受的答案将其更改为779px.
如何使用Twitter bootstrap-responsive来更改导航栏崩溃阈值?
我修改了bootstrap.responsive.css
@media (max-width: 979px) {...}
Run Code Online (Sandbox Code Playgroud)
至
@media (max-width: 779px) {...}
Run Code Online (Sandbox Code Playgroud)
效果很好,我看到导航栏现在以779px折叠并以780px扩展.
但是,我看到了副作用.
当我调整浏览器的大小以使其宽度介于780px和979px之间(导航栏不再折叠的范围)并且我单击下拉列表时,它将不会呈现下拉选项.如果我调整到980px或更宽,那么我会看到下拉选项.
我正在使用Firefox Firesizer,所以我可以观看宽度.事实上,如果我点击下拉菜单然后拖动窗口大小,我可以看到它在980px处绘制下拉选项,然后当我在979px下时它们会消失.
有没有人遇到过这个?
我怀疑在更改导航栏折叠阈值时需要更改下拉菜单(或其相关类)的其他媒体查询.但是,我无法找到解决方案.我将非常感谢任何帮助,见解或建议.谢谢!
我有一个使用bootstrap-sass gem的rails应用程序.我想更改导航栏从平板电脑(979px)折叠到手机(769px)的宽度.覆盖媒体查询不是一个整洁的解决方案.
我已经编辑@navbarCollapseWidth了variables.less并构建了bootstrap,然后将内容bootstrap-responsive.css复制到了gem中的responsive.scss ... vendor/assets/stylesheets/bootstrap.然而,现在,我已经失去了更新宝石而不会丢失我的更改的能力.
这里最好的方法是什么?我想做出我认为简单的改变,但保持我的宝石更新能力.也许@import "bootstrap-responsive-mine";在application.css.scss中使用然后在需要时手动更新该文件?