css - Twitter Bootstrap を使用して要素をセンタリングする際に問題が発生する

Question

コード: http://jsfiddle.net/dennismonsewicz/xRE83/1/

ヘッダー ( h1, h2) は div の中央に配置されており、ヘッダーの下の 3 つの列を水平方向に中央揃えしようとしているだけですが、そうするのに問題があります。

Answer 1

div はフロートであり、左にフロートするため中央に配置されません。

これを行う1つの方法は次のとおりです。

HTML:

<div class="span10 clearfix">

CSS:

.span10 {margin:auto; width:500px; float:none;}

JSFiddle: http://jsfiddle.net/xRE83/7/