要素の中心をブートストラップに配置しますか？

Question

私はCSSとブートストラップには新しく、画面の中央にdivコンテンツを配置しようとしています。

は現在、私はそうすることを計画しています：

<div className="container"> 
    <div className="row"> 
     <div className="col-sm-4 col-md-4"></div> 
     <div className="col-sm-4 col-md-4"> 
      Center content here 
     </div> 
     <div className="col-sm-4 col-md-4"></div> 
    </div> 
</div> 

私は、列のが12に分割されていることを推測することができでした。だから私はちょうど 3のdivのそれらを分割しています。

私はちょうど私たちはここで、計算目的のために使用される2 divさんを取り除くことができるかどうか理解したい

：

<div className="col-sm-4 col-md-4"></div> 
<div className="col-sm-4 col-md-4"></div> 

任意のより良い方法はありますか？

あなたはこのために相殺使用することができます

Answer 1

（col-x-offset-x utility classesを参照してください）：

<div className="container"> 
 
    <div className="row"> 
 
    <div className="col-sm-4 col-sm-offset-4"> 
 
     Center content here 
 
    </div> 
 
    </div> 
 
</div>

Answer 2

あなたは、たとえば、利用可能なネイティブブートストラップクラスを使用することができます。

class="text-center" 

class="pagination-centered"