Bootstrapのグリッドシステムで合計が12カラム未満の時にspan*のdivを真ん中寄せするCSS

harada 1,910views 更新:2014年5月1日

合計数が12カラム未満の場合、divは左寄せになってしまいますがそれを真ん中寄せにしたい時の対応です。
span*とは別のクラスに設定するといいと思います。

.inlineBox {
display: inline-block;
overflow: hidden;
float:none;
}

利用例

<div class="row-fluid">
<div class="span2 inlineBox">コンテンツ1</div>
<div class="span2 inlineBox">コンテンツ2</div>
<div class="span2 inlineBox">コンテンツ3</div>
</div>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません