Bootstrap“容器”背景

Question

我已经绞尽脑汁待了很长一段时间，但仍然找不到找到一个变种，但我会在这里描述。 我正在使用twitter bootstrap 2.3.2。我想改变＆＃34;容器＆＃34;的背景​​。当我应用更改时，此图像也是＆＃34; navbar＆＃34;的背景​​。和＆＃34;英雄单位＆＃34;。

你可以在这里发现同样的事情： http://getbootstrap.com/2.3.2/examples/hero.html 通过设置＆＃34; Inspect Element＆＃34; ＆＃34;容器＆＃34;像这样的设置：

background-image: ('url');

它不仅会设置身体的图像，还会设置＆＃34; navbar＆＃34;。

当然，我清楚地理解为什么，在我的情况下，＆＃34; navbar＆＃34;和＆＃34;英雄单位＆＃34;正在改变，因为我在HTML中得到了这个：

<div class="container">
 <div class="navbar">
  <div class="hero-unit">
</div>
 </div>
  </div>

但我需要的是＆＃34;英雄单位＆＃34;和主要内容＆＃34;容器＆＃34;在一条线上（如上面提供的链接）。如果它们适用于＆＃34;容器＆＃34;它有效，但背景是公平的。我必须将哪些属性应用于新类，因为它们具有相同的大小（请参阅链接）。我想我已经陷入困境，非常需要一些支持。

我想我要创建两个新类？一个用于同等显示＆＃34;容器＆＃34;和＆＃34;英雄单位＆＃34;和＆＃34; navbar＆＃34;和另一个（具有相同的宽度属性）来设置背景。但我无法弄明白:(

Answer 1

您可以轻松解决问题。

使用正确的标记。将 hero-unit 放在导航栏中并在此之后将 navbar 放在容器中 EM>

<div class="navbar">
  <!-- Other stuff -->
</div>

<div class="container">
  <div class="hero-unit"></div>
</div>

这是您应该使用的标记。 然后您可以使用CSS属性创建一个单独的类，并使用容器类将该类添加到DIV中。