重写厂商SCSS包括

Question

我用这种宝石在我的Rails应用程序： https://github.com/thomas-mcdonald/bootstrap-sass/

我想重写响应，导航栏，其中包括在此文件的最后一行，用我自己的： https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/_bootstrap-responsive.scss

这可能吗？

我已经尝试在此位置创建一个空文件：/app/assets/stylesheets/bootstrap/_responsive-navbar.scss，但它不会覆盖bootstrap-sass项目。

Answer 1

如果在之前的样式之后包含CSS，它将覆盖以前的行为。或换句话说：

h1 {color:blue} 
h1 {color:red} 

将呈现h1 HTML标记为红色。

要覆盖响应导航栏后就可以

*= require_self 
*= require_tree . 

其编译在你的Rails应用程序的所有其他CSS文件的更改添加到application.css.scss文件。

对于什么是值得的，红宝石文档建议你“不应该依赖任何特定的顺序”在什么CSS文件被编译第一/秒（见 http://guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives）。这可能表明为什么你的新造型没有出现。