M
M
Maxim Bekin2016-11-28 16:31:27
contextual advertising
Maxim Bekin, 2016-11-28 16:31:27

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:
092f92a2f5114fcb87bb45fb847757a9.PNG

<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 question

Ask a Question

731 491 924 answers to any question