0

我已经绞尽脑汁很久了，但仍然没有找到一个变种，但我将在这里描述一个。我正在使用 twitter 引导程序 2.3.2。我想改变“容器”的背景。当我应用更改时，此图像也是“导航栏”和“英雄单元”的背景。

您可以在这里发现同样的事情：http: //getbootstrap.com/2.3.2/examples/hero.html 通过在“容器”设置的“检查元素”中进行设置，如下所示：

background-image: ('url');

它不仅会设置身体的图像，还会设置“导航栏”的图像。

当然，我清楚地理解为什么在我的例子中，“导航栏”和“英雄单位”的背景正在改变，因为我在 HTML 中得到了这个：

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

但我需要的是，“英雄单元”和主要内容“容器”在一条线上（如上面提供的链接）。如果将它们应用于“容器”类它可以工作，但背景是公平的。我必须将哪些属性应用于新类，以便它们具有相同的大小（请参阅链接）。我想我有点卡住了，非常需要一些支持。

我想我必须创建两个新课程？一个用于“容器”和“英雄单元”和“导航栏”的相等显示，另一个（具有相同的宽度属性）设置背景。但我想不通:(

4

1 回答 1

1

您的问题有一个简单的解决方法。

使用适当的标记。将hero-unit放在navbar中，然后将navbar放在您的container 中是没有意义的。

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

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

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

于 2013-09-21T16:19:24.093 回答