Bootstrap 3 - col-md-2 не рендеринг ..?

Question

В следующем макете у меня есть col-md-2, который не кажется рендерингом. Вы увидите его в разделе «Текущие проекты». Все блоки ниже, чем в разных разделах, должны быть центрированы. У меня есть col-md-2, col-md-8, col-md-2 с содержимым в col-md-8. Сейчас все они появляются слева, как будто col-md-2 не существует.

<div class="row featureBox"> 

     <div class="col-md-2"></div> 

     <div class="col-md-8"> CONTENT HERE </div> 

     <div class="col-md-2"></div> 
</div> 

Answer 1

Используйте класс .col-md-offset-2 с вашим col-md-8 div. Код будет выглядеть так:

<div class="row featureBox"> 

     <div class="col-md-offset-2 col-md-8"> CONTENT HERE </div> 
</div> 

Answer 2

Если первая .col-md-2 пуста она не отображается. Если вы хотите, чтобы это было визуализировано, вам нужно поместить в него некоторый контент, в конце концов - пробел (не рекомендуется, так как он будет отображаться на меньших ширинах в виде пустого пространства над содержимым вашего .col-md-8).

Если единственная причина добавил, что колонна была компенсировать средний столбец, все, что вам нужно, это

<div class="row featureBox"> 

    <div class="col-md-8 col-md-offset-2"> CONTENT HERE</div> 

</div> 

То же самое касается xs, lg или sm.