如何将Bootstrap div与“ spanX”类居中？

Question

我使用引导程序，并试图像这样将div（span7）居中：

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

我的CSS代码是：

#main{
    margin:0px auto;
}

但这并不是中心。如何设置中心？

编辑

span7现在col-7在Bootstrap 4中

Answer 1

Twitter的引导程序.span类浮动在左侧，因此它们不会以通常的方式居中。因此，如果您希望它居中，span只需将其添加float:none到#main规则中即可。

CSS

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