@RGBPlus

Bootstrap 3 выравнивание блоков по горизонтали?

Имею пять блоков, вот с такой разметкой:

<div class="row">
	<div class="col-md-4">
		<div class="item"></div>
	</div>
	<div class="col-md-4">
		<div class="item"></div>
	</div>
	<div class="col-md-4">
		<div class="item"></div>
	</div>
	<div class="col-md-4">
		<div class="item"></div>
	</div>
	<div class="col-md-4">
		<div class="item"></div>
	</div>
 </div>

На сайте получается, что первые три в линию, а последние два на второй сроке аппендиксом.

Нужно, что бы последние два выровнялись по центру. Как можно реализовать?
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 1
Если я правильно понял вопрос, то 4 и 5 можно обернуть в собственный row и 4 блоку добавить offset-класс. В принципе, это можно и без row сделать, просто с row надёжнее.

<div class="row">
  <div class="col-md-4">
    <div class="item"></div>
  </div>
  <div class="col-md-4">
    <div class="item"></div>
  </div>
  <div class="col-md-4">
    <div class="item"></div>
  </div>
  <div class="col-md-4 col-md-offset-2">
    <div class="item"></div>
  </div>
  <div class="col-md-4">
    <div class="item"></div>
  </div>
 </div>
Ответ написан
Ваш ответ на вопрос

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

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