Answer the question
In order to leave comments, you need to log in
Bootstrap. Horizontally centering blocks with a container - how?
There is a header with fluid containers, it contains a regular container.
There are several MEDIA objects in this container - images + text.
It is necessary that all media objects are centered horizontally.
It doesn't work, how can I do it?
Now everything looks like this:
<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><!-- строка хедера сбанером и преимуществами-->
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question