ruby on rails 3-Bootstrap导航栏崩溃时最简单的更改方法(使用Bootstrap gem)



我有一个使用bootstrap sass gem的rails应用程序。我想把导航条折叠的宽度从平板电脑(979px)改为手机(769px)。重写媒体查询不是一个好的解决方案。

我在variables.less中编辑了@navbarCollapseWidth并构建了bootstrap,然后将内容bootstrap-responsive.css复制到gems中的responsive.scss中。。。供应商/资产/样式表/引导程序。然而,现在我已经失去了在不丢失更改的情况下更新宝石的能力。

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

你读过关于配置这个gem的一些信息吗?

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

@import "bootstrap";

需要配置一个或两个变量?简单地定义导入引导之前要更改的变量。萨斯会尊重您现有的定义,而不是用Bootstrap默认值。

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

或者这不是你需要的?

相关内容

  • 没有找到相关文章

最新更新