使用类来集中我的范围时遇到问题:
.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>
它对我来说很完美……