Цель
Используя вспомогательный класс Twitter Bootstrap center-block
, который доступен в Bootstrap 3.2, вы можете центрировать div.
класс center-block содержит следующий код css
.center-block {display: block; маржа-право: авто; margin-left: auto;}
Из приведенного выше кода очевидно, что этот класс гарантирует, что связанный блок отображается как элемент уровня блока, и у него должны быть поля, установленные как требуется, чтобы поместить его в центр.
В следующем коде показано, как использовать center-block
Центрировать Div в Twitter Bootstrap 3 .center-block {width: 250px; отступ: 10 пикселей; цвет фона: #eceadc; color: # ec8007} Lorem ipsum dolor sit amet, животный послушник complectitur duo ei. Eros iracundia contentiones id cum. Utinam soleat apeirian nam cu. Unum labore Principes no pro, dolor omnium quo eu, quod similique eu eum.
Его ut alii populo putent, illud populo repudiare duo an. Мудрое понимание те кво. Viris maluisset cu has, te dico utamur appareat pro, ex probo quidam interesset pri. Duo ad sensibus torquatos adolescens, сидите с минимальным трудом номинально. Cu dolorum ocurreret mei, nam novum zril expetenda ne.
Просмотрите живую демонстрацию вышеизложенного.
Обратите внимание, что когда элемент центрируется таким образом, элемент помещается непосредственно в класс строки.