Есть хедер с контейнеров флюид, в нем обычный контейнер.
В этом контейнере несколько MEDIA объектов - изображения+ текст.
Надо чтобы все медиа объекты центрировались по горизонтали.
Никак не получается, как сделать?
Сейчас все выглядит вот так:
<div class="container-fluid baner">
<div class="container text-center"> <!-- строка хедера сбанером и преимуществами-->
<h1>Расчётно-кассовое обслуживание в Москве</h1>
<h4>При открытии счета <span id="podcherk">до 25 мая </span>- три месяца бесплатного обслуживания</h4>
</div>
<div class="container text-center btn-width">
<a href="#" class="otkr_schet"><img src="Images/btn-opencurrent.png" alt=""/></a>
</div>
<div class="container hidden-xs hd-media">
<div class="media ">
<a class="pull-left" href="#"><img class="media-object" src="Images/preim1.png" alt=""></a>
<div class="media-body">
<h4 class="media-heading">Личный менеджер</h4>
Консультация в любое время
</div>
</div>
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="Images/preim2.png" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">Бесплатно</h4>
открытие счета
</div>
</div>
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="Images/preim3.png" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">Операционный день</h4>
до 20:00
</div>
</div>
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="Images/preim4.png" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">Интернет банк</h4>
Быстрые переводы
</div>
</div>
</div>
</div><!-- строка хедера сбанером и преимуществами-->