Сдвинуть фотографии?

Question

[armit37]

как сдвинуть нижние две фотки по центру ?

<div class="col-md-12">
				<div class="col-md-4">
					<a href="7.jpg" rel="lightbox_summer" class="vertical"><img src="7.jpg"  alt="Каталог весна-лето" /></a>
					<p> </p>
				</div>
				<div class="col-md-4">
					<a href="8.jpg"  rel="lightbox_summer" class="vertical"><img src="8.jpg" alt="Каталог весна-лето" /></a>
					<p> </p>
				</div>
				<div class="col-md-4">
					<a href="9.jpg"  rel="lightbox_summer" class="vertical"><img src="9.jpg"  alt="Каталог весна-лето" /></a>
					<p> </p>
				</div>
			</div>			
			<div class="col-md-12">
			<!--	<div class="col-md-4">
					<a href="10.jpg"  rel="lightbox_summer" class="vertical"><img src="10.jpg" alt="Каталог весна-лето" /></a>
					<p> </p>
				</div> -->
				<div margin: 50 class="col-md-4" ; >
					<a href="11.jpg"  rel="lightbox_summer" class="vertical"><img src="11.jpg"  alt="Каталог весна-лето" /></a>
					<p> </p>
				</div>
				<div class="col-md-4">
					<a href="12.jpg" rel="lightbox_summer" class="vertical"><img src="12.jpg" alt="Каталог весна-лето" /></a>
					<p> </p>
				</div>
			</div>

и css

.col-md-12 {
  width: 100%;
}

.we-want .col-md-12 .col-md-4 {
  padding: 0;
  width: 33.33%;
}


.steps .col-md-12 {
	padding: 0;	
}
.steps .col-md-12 > img {
  float: left;
  margin: 35px 0 0;
}

Answer 1

[Дима Паутов]

Используя сетку, построенную на флоатах у вас не получится. Либо используя inline-block или flexbox.

Answer 2

[0xDubas]

Можно использовать col-md-offset.
Пример: codepen.io/anon/pen/xEJBaE

Answer 3

[Anton Bobylev]

Вот смотрите: https://jsfiddle.net/vLxva1vq/3/.

@media (min-width: 992px) {
  .row-centered {
    text-align: center;
  }
  .col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
  }
}