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

合計数が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>