使用twitter-bootstrap-rails gem的Bootstrap覆盖不会生效？

我试图覆盖我的bootstrap_and_overrides.css.less文件中的变量，根据文件中的说明。我知道文件被解析，因为如果我引入语法错误，应用程序将不会加载，但设置较少的变量，例如使用twitter-bootstrap-rails gem的Bootstrap覆盖不会生效？

@navbar-default-color: red;

没有任何效果。这里是我的application.css：

/* 
*= require_tree . 
*= require_self 
*= require rails_bootstrap_forms 
*= require bootstrap_and_overrides 
*/

从Gemfile中摘录：

source 'https://rubygems.org' 
ruby '2.0.0' 
gem 'rails', '4.1.4' 
gem 'sass-rails', '~> 4.0.3' 
gem 'uglifier', '>= 1.3.0' 
gem 'coffee-rails', '~> 4.0.0' 
gem 'jquery-rails' 
gem 'turbolinks' 
gem 'jbuilder', '~> 2.0' 
gem 'sdoc', '~> 0.4.0',   group: :doc 
gem 'spring',  group: :development 
gem 'bootstrap-sass' 
gem 'high_voltage' 
gem "therubyracer" 
gem "less-rails" 
gem "twitter-bootstrap-rails" 
gem "bootstrap_form"

这里是我的bootstrap_and_overrides.css.less文件：

@import "twitter/bootstrap/bootstrap"; 
@iconSpritePath: image-url("twitter/bootstrap/glyphicons-halflings.png"); 
@iconWhiteSpritePath: image-url("twitter/bootstrap/glyphicons-halflings-white.png"); 
@fontAwesomeEotPath: font-url("fontawesome-webfont.eot"); 
@fontAwesomeEotPath_iefix: font-url("fontawesome-webfont.eot?#iefix"); 
@fontAwesomeWoffPath: font-url("fontawesome-webfont.woff"); 
@fontAwesomeTtfPath: font-url("fontawesome-webfont.ttf"); 
@fontAwesomeSvgPath: font-url("fontawesome-webfont.svg#fontawesomeregular"); 
@import "fontawesome/font-awesome"; 
@import "twitter/bootstrap/glyphicons.less"; 

// Your custom LESS stylesheets goes here 
// If you'd like to override bootstrap's own variables, you can do so here as well 
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and 

@navbar-default-color: red; 
@navbar-height: 1000px; 
@navbar-default-color: red;

在可能相关的问题，我无法在我的html中包含glyphicons。

编辑：当我预编译并推送到生产（heroku）时，少量变量在生产中被解释。看起来这可能是一个与发展有关的问题。

来源

2014-08-27 parker

你试过了@ navbar-default-color：red！importnat; – bkdir 2014-08-27 16:01:38

这应该不重要，但试过了，它不起作用。 – parker 2014-08-27 16:15:38

对不起，这个愚蠢的问题，但你真的看看编译的CSS？或者你只是在浏览器中测试它？ – 2014-08-29 21:18:44

要求树应始终application.css文件

/* 
*= require_self 
*= require rails_bootstrap_forms 
*= require bootstrap_and_overrides 
*= require_tree . 
*/

来源

2014-08-27 15:57:39

需求顺序对于这个特定问题无关紧要。 – parker 2014-08-27 16:16:03

的问题是我development.rb文件终于来了。我可以通过设置以下变量来修复它：

config.assets.debug = false

来源

2014-09-04 20:57:23 parker

使用twitter-bootstrap-rails gem的Bootstrap覆盖不会生效？

回答

相关问题