相关疑难解决方法(0)

Bootstrap 3 Navbar Collapse

有没有办法增加bootstrap 3导航栏崩溃的点(即,它会折叠成纵向平板电脑上的下拉列表)?

这两个适用于bootstrap 2但现在不适用!

如何使用Twitter bootstrap-responsive来更改导航栏崩溃阈值?

更改默认的响应式导航栏断点

navbar twitter-bootstrap twitter-bootstrap-3

200
推荐指数
7
解决办法
37万
查看次数

Twitter Bootstrap:更改了导航栏崩溃阈值,对下拉列表产生了副作用

Twitter Bootstrap 2.1.1Twitter Bootstrap Github页面上使用和使用类似于此示例的导航栏折叠和导航栏下拉列表

我知道它以979px的速度折叠并以980px的速度扩展,然后根据接受的答案将其更改为779​​px.

如何使用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下时它们会消失.

有没有人遇到过这个?

我怀疑在更改导航栏折叠阈值时需要更改下拉菜单(或其相关类)的其他媒体查询.但是,我无法找到解决方案.我将非常感谢任何帮助,见解或建议.谢谢!

css media-queries twitter-bootstrap

3
推荐指数
1
解决办法
3414
查看次数

Bootstrap导航栏崩溃时更改的最简单方法(使用bootstrap gem)

我有一个使用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中使用然后在需要时手动更新该文件?

ruby-on-rails-3 twitter-bootstrap bootstrap-sass

2
推荐指数
1
解决办法
1956
查看次数