更改Rails Bootstrap主体颜色

时间:2013-07-28 09:25:58

标签: css ruby-on-rails twitter-bootstrap

我正在尝试将正文背景颜色更改为自定义颜色。通常我已经将自定义css写入bootstrap_and_override.css文件中,该文件可以正常工作,但是使用body标签却没有。这里的一些人建议找到并覆盖标准的body css设置,但是sublime-text和我一样,无法在项目的任何地方找到相应的行。

也许我正在贴身标签错了?我写过:

  body {
    background-color: #F8F8F8;
  }

因为body标签似乎没有任何自定义类可以通过它来解决。在chrome web inspector中,我可以看到这一点,所以看起来我的代码被注意到但后来被覆盖了。但我找不到发生这种情况的地方。

chrome analytics picture

划掉的背景颜色是正确的,而不是#FFF。

我希望有人知道答案,这不是很难吗?非常感谢!

更新 这是application.css的内容

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

更新2: 以下是stylesheets文件夹的内容:
application.css
bootstrap_and_overrides.css
bootstrap_and_overrides.css.less
...其余是特定于站点的文件,以.css.scss

结尾

2 个答案:

答案 0 :(得分:2)

您可以使用!important。我会谨慎行事,因为这不是最佳做法。强制覆盖!important有它的位置,只应在必要时使用。

body {
    background-color: #F8F8F8 !important;
  }

我个人使用!important的一个例子是调试和覆盖javascript生成的内联CSS设置的规则,如果我没有编辑javascript /插件的权限。

答案 1 :(得分:0)

您必须在bootstrap css中修改'body'样式。默认值为#fff(白色)。请注意,因为有2个'正文'样式,顶部的一个仅用于边距,而中间的一个用于背景颜色,字体等。