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

我有一个使用bootstrap-sass gem的rails应用程序。我想改变导航栏从平板电脑（979px）折叠到手机（769px）的宽度。覆盖媒体查询并不是一个整洁的解决方案。Bootstrap导航栏崩溃时更改的最简单方法（使用bootstrap gem）

我编辑@navbarCollapseWidth in variables.less并构建bootstrap，然后将内容bootstrap-responsive.css复制到gems中的responsive.scss ... vendor/assets/stylesheets/bootstrap。但是，现在我失去了更新宝石而不会丢失我的更改的能力。

这里最好的方法是什么？我想让我认为是一个简单的改变，但保持我的宝石更新能力。也许在application.css.scss中使用@import "bootstrap-responsive-mine";，然后在需要时手动更新该文件？

来源

2013-02-12 Archonic

您是否阅读了关于configuration this gem的一些信息？

在您选择的SCSS文件中导入“bootstrap”以获得所有Bootstrap的样式，混合和变量！

@import "bootstrap";

需要配置一个或两个变量？在导入Bootstrap之前，只需定义要更改的变量的值即可。 Sass将尊重您的现有定义，而不是用 Bootstrap默认值覆盖它。

$navbarCollapseWidth: 769px; 
@import "bootstrap";

或者说，是不是你需要什么？

来源

2013-02-13 00:59:31

我在'@import“bootstrap之前添加了'$ navbarCollapseWidth：769px;'''但没有运气。我也尝试运行'bundle install'并重新启动服务器。我使用'$ btnBackground：＃000;'进行了测试，而且工作得很好。检查github - 这确实是一个错误。 https://github.com/thomas-mcdonald/bootstrap-sass/issues/203 – Archonic 2013-02-13 15:42:55

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

回答

相关问题