Html 使用自举将两个COL居中

我想知道我怎样才能集中在第二页的引导。我的意思是我有：

<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>

....
....
. 因此，包含图像和搜索表单（左侧和右侧）的主节必须位于页眉的中心。有可能吗？
引导程序内置了类来偏移网格上的列


JSFiddle：
引导已内置类以偏移网格上的列


JSFiddle：
引导已内置类以偏移网格上的列


JSFiddle：
引导已内置类以偏移网格上的列


JSFiddle：
顺便说一句，您的剖切元素应该有一个标题，否则最好使用通用容器。我刚刚在JSFIDLE上的演示中删除了它们。谢谢你的评论。顺便说一句，你的分段元素应该有一个标题，否则最好使用通用容器。我刚刚在JSFIDLE上的演示中删除了它们。谢谢你的评论。顺便说一句，你的分段元素应该有一个标题，否则最好使用通用容器。我刚刚在JSFIDLE上的演示中删除了它们。谢谢你的评论。顺便说一句，你的分段元素应该有一个标题，否则最好使用通用容器。我刚刚在JSFIDLE上的演示中删除了它们。谢谢你的评论。啊，我对bootstrap有点陌生，还在学习。我不知道补偿。谢谢，这工作太棒了！啊，我是个新手，还在学习。我不知道补偿。谢谢，这工作太棒了！啊，我是个新手，还在学习。我不知道补偿。谢谢，这工作太棒了！啊，我是个新手，还在学习。我不知道补偿。谢谢，这工作太棒了！
col-sm-offset-1