etozhematvekat
@etozhematvekat
Вряд ли Вы не сможете ответить на мой вопрос.

Как центрировать блок в bootstrap?

Доброго времени суток!
Есть ли какой нибудь хитрый способ, центрировать блоки col-md-3(например), относительно родителя, когда другие блоки переносятся при адаптивной верстке?
ZZ9tQAPkXgo.jpg

Вот. Они должны быть по центру, а не float: left;
m5-69h_KRbM.jpg
  • Вопрос задан
  • 1097 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега HTML
Пока ты спишь - твой конкурент совершенствуется
Именно с col - нет. ну можно конечно. но костылей и гемора будет намного больше чем профита.
так что делай лучше эти блоки через inline-block;
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@ferdasfarmazone
Верстальщик!
Если вы имеете ввиду, чтобы блоки были отцентрированы по центру, то решение такое:
.center__item{
	font-size: 0;
	text-align: center;
}
.center__item *{
	font-size: 14px; /* Обычно задаю такой же, как и в body*/
}
.center__item .col-md-3{
	display: inline-block;
	float: none;
	vertical-align: top;
}

а класс center__item добавить к родительському блоку .col-md-3, например, к .row
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы