twitter-bootstrap - Bootstrap中的背景颜色泄漏到边距

Question

我在引导程序中遇到了这个问题，我试图在 2 个 .span6 div 上设置背景颜色，但背景泄漏到左侧的边距中。

有什么方法可以防止这种情况发生？以下是使用的 HTML。

<div class="row">
        <div class="featured-post">
            <div class="span6">
                <!-- thumbnail image here -->
            </div>
            <div class="span6">
                <!-- text here -->
                </div>
            </div>
 </div>

这是 .featured-post div 的 css。

.featured-post {
  margin-bottom: 15px;
  background-color: rgba(0, 0, 0, 0.5);
  min-height: 320px;
}

Answer 1

使用 firebug/chrome 开发者工具，你会看到。

@media (min-width: 1200px)
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
}

左边距正在创造额外的空间。

您可以通过像这样放置 div 来避免这些边距：

<div class="featured-post">
   <div class="row">
      <div class="span6">
         <!-- thumbnail image here -->
      </div>
      <div class="span6">
         <!-- text here -->
      </div>
   </div>
</div>

这使 .featured-post 具有 .container 的宽度。