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

Question

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

Answer 1

您是否阅读了有关配置此宝石的一些信息？

在您选择的SCSS文件中导入"bootstrap"以获取Bootstrap的所有样式,混合和变量!

@import "bootstrap";

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

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

或者那不是你需要的？