ruby-on-rails - 覆盖供应商 scss 包括

Question

我在我的 rails 应用程序中使用这个 gem:
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 标签呈现为红色。

要覆盖响应式导航栏，您可以将更改添加到 application.css.scss 文件之后

*= require_self
*= require_tree .

它会编译 Rails 应用程序中的所有其他 css 文件。

就其值(value)而言，ruby 文档建议您“不应该依赖任何特定顺序”首先/第二次编译 css 文件(请参阅
http://guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives )。这可能表明您的新样式没有出现的原因。