Bootstrap сетка смещения

Question

У меня возникли проблемы с получением одного из моих бутстраповских единиц героя реагировать на команды смещения:

<div class="col-xs-6-offset-3 col-md-6-offset-3 col-lg-6-offset-3"> 
    <div class="center hero-unit"> 
     <h1>text</h1> 
    </div> 
</div> 

Она появляется и имеет CSS, примененный к нему, так что я знаю Bootstrap работает. Но он охватывает все 12 сеток. Как я могу заставить его заняться только 6 и сосредоточиться?

Answer 1

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

<div class="col-xs-2 col-xs-offset-3 
      col-md-6 col-md-offset-3 
      col-lg-6 col-lg-offset-3"> 
    <div class="center hero-unit"> 
     <h1>text</h1> 
    </div> 
</div>