css - Rails Bootstrap 2.3.1 导航栏颜色

Question

我已经尝试了几个小时，但我无法弄清楚如何在我的 Rails Bootstrap 元素中更改导航栏颜色和导航栏文本颜色。我在一些 css 文件中读过有关 .navbar-inner 的内容，但我在任何文件中写的任何内容似乎都没有任何效果。也许是因为更新版本的 Bootstrap ？有人可以给我一个逐步的解决方案吗？

我尝试更改“bootstrap_and_override.css/.css.less”文件但没有任何反应。我是否必须编译 .css.less 文件或类似的文件？非常感谢!

如果相关的话，这是我的 gemfile:

source 'https://rubygems.org'
ruby '2.0.0'

gem 'rails', '3.2.13'

# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'


gem 'bcrypt-ruby', '3.0.1'
#gem 'bootstrap-sass', '2.1'
gem 'faker', '1.0.1'
gem 'will_paginate', '3.0.3'
gem 'bootstrap-will_paginate', '0.0.6'
gem "therubyracer"
gem "less-rails" #Sprockets (what Rails 3.1 uses for its asset pipeline) supports LESS
gem "twitter-bootstrap-rails"

gem 'json'

group :development do
    gem 'sqlite3'
end

group :production do
    gem 'pg'
    gem 'coffee-rails', '~> 3.2.1'
    gem 'uglifier'
end

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'uglifier'
  gem 'therubyracer'

  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
  # gem 'therubyracer', :platforms => :ruby

end

gem 'jquery-rails'

Answer 1

您必须按照此处的说明自定义变量: http://getbootstrap.com/2.3.2/customize.html#variables

具体来说，将它放在 Assets 文件夹的样式表部分中，在您用作 yourstylefile.css.sass 的任何文件下。

$navbarBackgroundHighlight: coloryouwant; /* This changes the nag background color */
$navbarText: coloryouwant; /* This changes the text color */

*确保此代码出现在您的 Bootstrap 的@imports 之上。为了安全起见，最好将它放在 yourstylefile.css.sass 的最顶部。