Мне кажется, что центр-блок класс `отсутствует в бутстрап 3 таблицы стилей. Я что-то пропустила?
Его использование описано здесь http://getbootstrap.com/css/#helper-classes-center
Это's новый в загрузочный релиз 3.0.1, поэтому убедитесь, что у вас последняя (10/29)...
Демо: http://bootply.com/91632
в
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
<div class="center-block" style="width:200px;background-color:#ccc;">...</div>
</div>
в
Он работает намного лучше (сохранение отзывчивости):
<!-- somewhere deep start -->
<div class="row">
<div class="center-block col-md-4" style="float: none; background-color: grey">
Hi there!
</div>
</div>
<!-- somewhere deep end -->
Вы должны использовать стиль=и"ширина:значение" с блок-центр класса
центр-блок может быть найден в Bootstrap 3.0 в утилиты.меньше на линии 12 и миксины.меньше на линии 39
Вы можете использовать класс .центр-блок
в сочетании с `стиль=и"ширина:400 пикселей;Макс-ширина:100%; и" сохранить отзывчивость.
Используя .коль-МД-*
класса с .центр-блок не будет работать из-за
плаватьна
.коль-МД-*`.
Несколько ответов здесь, кажется, неполное. Вот несколько вариантов:
<style>
.box {
height: 200px;
width: 200px;
border: 4px solid gray;
}
</style>
<!-- This works: .container>.row>.center-block.box -->
<div class="container">
<div class="row">
<div class="center-block bg-primary box">This div is centered with .center-block</div>
</div>
</div>
<!-- This does not work -->
<div class="container">
<div class="row">
<div class="center-block bg-primary box col-xs-4">This div is centered with .center-block</div>
</div>
</div>
<!-- This is the hybrid solution from other answers:
.container>.row>.col-xs-6>.center-block.box
-->
<div class="container">
<div class="row">
<div class="col-xs-6 bg-info">
<div class="center-block bg-primary box">This div is centered with .center-block</div>
</div>
</div>
</div>
Чтобы заставить его работать с col- классов, нужно обернуть .центр-блок внутри .коль- классе, но помните, чтобы добавить еще один класс, который задает ширину (.поле в данном случае), или изменить .центр-блокировать себя, давая ему ширину.
Проверьте это на bootply.
центр-блок
является плохой идеей, так как она охватывает часть на вашем экране, и вы не можете нажать на ваши поля или кнопки.
коль-МД-смещение -?
- это лучший вариант.
Используйте коль-МД-зачет-3
- это лучший вариант, если класс коль-см-6
. Просто измените номер центра ваш блок.