css – Bootstrap:任何跨度的中心

前端之家收集整理的这篇文章主要介绍了css – Bootstrap:任何跨度的中心前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用类来集中我的范围时遇到问题:
.center {
    float:none;
    margin-left: auto;
    margin-right: auto;
}

<div class="row-fluid">
    <div class="center span5">
    <button></button>
    </div>
</div>

这不起作用,显然它被bootstrap row- * CSS覆盖.但是,如果我直接在div中包含相同的样式(style =“…”),它就有效.

我认为它不起作用,因为它不知道宽度,所以我尝试使用偏移,但是当按钮不居中时以及.CSS.我无法指定宽度,因为我的按钮宽度是由外部JavaScript设置的.

在这种情况下如何使.center类工作?

解决方法

从Bootstrap 2.3.0开始,您可以使用内置类.text-center.
<div class="row-fluid">

    <div class="span12 text-center">

    My content to be centered here

    </div>

</div>

它对我来说很完美……

猜你在找的CSS相关文章