Центрирование двух столбцов с помощью Bootstrap

Question

Мне интересно, как я могу сосредоточиться на странице с двумя колонками с бутстрапом. Что я имею в виду у меня есть это:

<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. Таким образом, основная часть раздела, которая содержит форму изображения и поиска (левая и правая сторона), должна быть сосредоточена на заголовке. Является ли это возможным?

Answer 1

Bootstrap имеет встроенные классы для смещения столбца на сетке.

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

col-sm-offset-1 

JSFiddle: http://jsfiddle.net/706bcaxn/8/