0

我已经尝试了几个小时，但我不知道如何在我的 rails bootstrap 项目中更改导航栏颜色和导航栏文本颜色。我已经在一些 css 文件中阅读了有关 .navbar-inner 的信息，但我在任何文件中写入的内容似乎都没有任何效果。也许是因为更新版本的引导程序？有人可以给我一步一步的解决方案吗？

我试图更改“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'
4

1 回答 1

0

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

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

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

*确保此代码出现在您的引导程序的@imports 上方。为了安全起见，最好将其粘贴在 yourstylefile.css.sass 的最顶部。

于 2013-09-05T04:43:02.563 回答