ブートストラップで12列を取る場合のdiv div

Question

ブートストラップ行に要素があります。要素は、画面のxs、sm、md、およびlg構成で異なる量の列を取ります。私は要素が12列必要なときに中間になる必要があります。出来ますか？もしそうなら、どうしたらいい？たとえば ：

<div class="row"> 
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4"> 
    SOME TEXT 
</div> 
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4"> 
    SOME TEXT 
</div> 
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4"> 
    SOME TEXT 
</div> 

そして私は、私は要素が常に真ん中になりたい流体であるdiv要素に行を入れて、私は、SMコンフィギュレーションにブラウザを縮小するとき、それは要素が12を取る行った場合列はそれ自体であり、したがって、私は右側の左側の巨大な隙間に隙間を相対的に持っています。

Answer 1

ああ！そこに私はそのアイデアを出したが、うまくいくようだ。列を取る要素にCSSのビットを追加するだけです。

margin:0 auto; 

実際にコードの要素は列の中央に配置されます。

Answer 2

はい、@GaneshRadhakrishnanは右である、あなたは、このようなブートストラップのcenter-textクラスを使用する必要があります

<div class="row"> 
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 center-text"> 
     SOME TEXT 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 center-text"> 
     SOME TEXT 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 center-text"> 
     SOME TEXT 
    </div> 
</div>