css – 如何使用’spanX’类来定位Bootstrap div？

我使用bootstrap和我试图集中一个div(span7)像这样：

<div class="row-fluid">
    <div id="main" class="span7">
        Lorem ipsum dolor sit amet
    </div>
</div>

我的css代码是：

#main{
    margin:0px auto;
}

但它不是设置在中心。如何设置中心？

解决方法

Twitter的bootstrap .span类悬浮在左边，所以他们不会通过通常的方法居中。所以，如果你想要它的中心你的span只需添加float：none到你的#main规则。

CSS

#main {
 margin:0 auto;
 float:none;
}