Question

我是初学者，有助推器。所以我问：是否有可能将div中的盒子居中，如下图所示？

我的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集中。我尝试了引导程序，但是当我进行更改时，我破坏了页面的其他部分。

Answer 1

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

使用引导程序集中对象

1 个答案: