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

小编典典

css

我使用引导程序，并试图像这样将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中

阅读 296

2020-05-16

共1个答案

小编典典

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

CSS

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

2020-05-16