Grid system



カラム1

カラム2
中央

カラム3
右寄せ
カラム4
カラム5
中央
カラム6
右寄せ
カラム7
カラム8
カラム9
カラム10
カラム11
カラム12
天地中央揃え、下揃えについては、 こちら に有用な情報あり。

    <div class="col-xs-1" style="background:#00ffff;height:200px;">カラム1</div>
    <div class="col-xs-1" style="background:#ffff00;height:200px;"><p class="text-center">カラム2<br>中央</p></div>
    <div class="col-xs-1" style="background:#00ffff;height:200px;"><div class="pull-right">カラム3<br>右寄せ</div></div>
    <div class="col-xs-1" style="background:#ffff00;height:200px;">カラム4</div>
    <div class="col-xs-1 text-center" style="background:#00ffff;height:200px;">カラム5<br>中央</div>
    <div class="col-xs-1 text-right" style="background:#ffff00;height:200px;">カラム6<br>右寄せ</div>
    <div class="col-xs-1" style="background:#00ffff;height:200px;">カラム7</div>
    <div class="col-xs-1" style="background:#ffff00;height:200px;">カラム8</div>
    <div class="col-xs-1" style="background:#00ffff;height:200px;">カラム9</div>
    <div class="col-xs-1" style="background:#ffff00;height:200px;">カラム10</div>
    <div class="col-xs-1" style="background:#00ffff;height:200px;">カラム11</div>
    <div class="col-xs-1" style="background:#ffff00;height:200px;">カラム12</div>