ブートストラップでオブジェクトを集中させる

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

これらの2つの要素は中規模から大規模の画面で幅が3（12）列なので、最初のクラスにはcol-md-offset-3を追加できます。これは中間に移動する必要があります（残りの3列幅のスペースを作成します）。つまり、Bootstrap以外に他のCSSを使用していない場合は（あなたが投稿したはずのもの...）。