使用引导程序集中对象

时间:2017-04-25 18:40:51

标签: html css twitter-bootstrap responsive

我是初学者,有助推器。所以我问:是否有可能将div中的盒子居中,如下图所示? enter image description here

我的HTML

      <!-- Clientes -->
   <section id="clientes">
       <div class="container">
           <div class="row">
               <div class="section-title text-center wow fadeInUp">
                   <h2>Quem está usando</h2>
                   <p>O SIOM cabe no seu mercado. Tecnologia, Varejo, Cidades...</p>
               </div>
               <div class="linha">
                   <div class="col-md-3 col-sm-6 col-xs-12" style="background-color:white;padding:0px 0px 0px 0px;">
                       <div class="pricing-table text-center">
                           <div class="price">
                               <img src="img/clients/clientes-ingram.png" alt="Ingram" style="text:center;">
                           </div>
                       </div>
                   </div>
                   <div class="col-md-3 col-sm-6 col-xs-12" style="background-color:white;padding:0px 0px 0px 0px;">
                       <div class="pricing-table text-center">
                           <div class="price">
                               <img src="img/clients/clientes-parque.png" alt="Parque da Cidade de Brasília" width="120px" height="100px" style="text:center;">
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </section>

我不知道最好的做法是用css集中。我尝试了引导程序,但是当我进行更改时,我破坏了页面的其他部分。

1 个答案:

答案 0 :(得分:1)

由于这两个元素在中到大屏幕上各有3列(12列),因此您可以将类col-md-offset-3添加到第一个。这应该移动到中间(创建一个3列宽的空间) - 也就是说,如果你没有使用任何其他CSS除了Bootstrap(你应该发布,如果你做...)。