使用Bootstrap将两个cols居中

Question

我想知道如何使用引导程序将页面居中于两个cols。我的意思是我有这个：

<header>
  ....
</header>
<section id="main" role="main">
  <div class="container">
    <div class="row">
       <div class="col-sm-7">
          <div class="main-wrap">
             ....
          </div>
       </div>
       <aside class="col-sm-3">
          ....
        </aside>   
    </div>
  </div>
</section>

我想将<section>...</section>置于标题下方。

这是Jsfiddle。因此包含图像和搜索表单（左侧和右侧）的部分main必须以标题为中心。有可能吗？

Answer 1

Bootstrap内置了类来偏移网格上的列。

http://getbootstrap.com/css/#grid-offsetting

col-sm-offset-1

的jsfiddle： http://jsfiddle.net/706bcaxn/8/