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>