更改 Twitter Bootstrap 的正文背景会改变一切 - Rails答案

【问题标题】：Changing Twitter Bootstrap's body background changes everything - Rails更改 Twitter Bootstrap 的正文背景会改变一切 - Rails
【发布时间】：2012-08-31 16:47:56
【问题描述】：

新手问题。我正在尝试为使用 Bootstrap 构建的网站使用背景图片。

我在我的资产管道中的一个单独的 css 文件中添加了额外的 body CSS，并添加了一个背景图像：

body {
    font-size: 16px;
    padding-top: 10px;
    background-image: url("../assets/back14.gif");
}

这可以很好地改变背景，但也可以将其应用于其他元素，如导航单元等，我想保留默认颜色。

我能否解决此问题或以更好的方式应用背景？

【问题讨论】：

你在哪里包含你的css？在 bootstrap.css 之前还是之后？
它在资产管道中，默认是按字母顺序排列的，所以它在后面。我的单独文件会很好地覆盖内容，包括正文背景。更具体地说，它还改变了这个导航元素的背景
我在别处读到引导程序默认背景为透明？认为它只是通过显示？如果您编辑正文背景，则必须为这样的事情编辑所有背景颜色似乎很奇怪。
这可能是相关的：stackoverflow.com/questions/7568931/…

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

【解决方案1】：

很抱歉，但我认为您是正确的：这些背景默认情况下是透明的。从the Customize page 可以看到，虽然导航栏部分的active和hover链接的背景有变量，但是plain old的背景没有变量常规导航栏链接。：/

否则，重写并不难：

.nav-stacked > li > a {
  background-color:#ffffff;
}

但似乎仍然应该作为一种选择。

JSFiddle

【讨论】：