Bootstrap 3 center block: Twitter Bootstrap 3: How to center a block

Twitter Bootstrap 3: как центрировать блок

спросил

Изменено 5 лет, 7 месяцев назад

Просмотрено 232 тысячи раз

Мне кажется, что центральный блок класса отсутствует в таблицах стилей начальной загрузки 3. Я что-то упускаю?

Его использование описано здесь, http://getbootstrap.com/css/#helper-classes-center

  • twitter-bootstrap-3

1

Это новое в выпуске Bootstrap 3.0.1, поэтому убедитесь, что у вас установлена ​​последняя версия (10/29)…

Демо: http://bootply.com/91632

 
<дел>
    <дел>. ..

0

Так работает намного лучше (сохранение отзывчивости):

 
  <дел>
    <дел>
      Всем привет!
    

http://www.bootply.com/0L5rBI2taZ

2

Вы должны использовать с центральным блоком класса

центральный блок можно найти в bootstrap 3.0 в утилитах.less в строке 12 и mixins.less в строке 39

Вы можете использовать класс .center-block в сочетании с style="width:400px;max-width:100%;" , чтобы сохранить отзывчивость.

Использование класса .col-md-* с .center-block не будет работать из-за float на .col-md-* .

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

col-md-смещение-? лучший вариант.

Использовать col-md-offset-3 лучше, если класс col-sm-6 . Просто измените число, чтобы центрировать блок.

Несколько ответов здесь кажутся неполными. Вот несколько вариантов: