Bootstrap 3-2列，全宽背景，标准容器中的内容

Question

我目前正在学习Bootstrap，但遇到了一个我无法理解的问题。

我有两列，其中我需要的背景是不同的颜色和全宽。但是，我需要我的内容保持在一个正常的容器中，按照我布局的其余部分。

当我使用‘容器-流体’时，我的内容以及我的背景颜色都是全宽的-这是我不想要的。如果我将一个“容器”嵌套在“容器-流体”和“行”中，那么所有内容都会被封装在标准容器(背景和所有)中--这也是我不想要的。

所以我的问题是，在bootstrap 3中，如何用全宽的背景色和普通容器中的内容来编码这个网格布局？

谢谢

The design layout for Mark Up

我可怜的尝试...

<div class="container-fluid">
  <div class="row">
    <div class="col-md-7 col-md-push-5 bg-danger">ICON</div>
    <div class="col-md-5  col-md-pull-7 bg-success">WEB DEVELOPMENT</div>
  </div>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-md-7 bg-danger">ICON</div>
    <div class="col-md-5 bg-success">WEB DESIGN</div>
  </div>
</div>

Answer 1

我是这样做的：

<div class="row">
<div class="container">
    <div class="col-xs-6">
        <h1>left</h1>
    </div>

    <div class="col-xs-6">
        <h1>right</h1>
    </div>
</div>
</div>

CSS：

.row {
background-color: #e1e2e4;
background-image: url('image.jpg');
background-repeat: no-repeat;
background-size: 50% 100%;
}

引导：http://www.bootply.com/yDCLfN2DSb