Offset колонны в Bootstrap

Question

Это идея о том, что я хочу сделать:

<div class="container-fluid"> 
<div class="row"> 
<div class="col-sm-2"></div> 
<div class="col-sm-4"></div> 
<div class="col-sm-4"></div> 
<div class="col-sm-2"></div> 
</div> 
</div> 

Как она будет работать с использованием смещения?

Answer 1

Смещение работает как пустой столбец, который будет оставаться до вашей колонки. Например, если вы хотите, столбец, который будет иметь половину размера экрана и будет точно в середине, вы должны сделать:

<div class="col-sm-6 col-sm-offset-3"></div> 

Полный ряд имеет 12 столбцов. Таким образом, у вас будет 6 столбцов (половина строки) и смещение из 3 столбцов. Это будет точно в середине экрана.

Посмотрите на документацию Bootstrap.

Answer 2

Так же, как это ..

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-sm-4 col-sm-offset-2"></div> 
     <div class="col-sm-4"></div> 
    </div> 
</div> 

http://www.codeply.com/go/7wofwfzrH3