使用bootstrap集中对象

Question

我非常喜欢bootstrap。所以我问：是否有可能将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来集中。我尝试了bootstrap，但是当我做出改变时，我会破坏页面的其他部分。

Answer 1

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