我有一个标准的 Bootstrap<div>
类.container
和一个内部<div>
类.well span9
。我需要将.well
容器中的 div 居中,但它总是向左浮动!我认为这是因为使用.span9
,但我如何才能强制 div .span9
上课并居中?
这是我拥有的代码
<div class="container">
<div class="well span9"> </div>
</div>
我有一个标准的 Bootstrap<div>
类.container
和一个内部<div>
类.well span9
。我需要将.well
容器中的 div 居中,但它总是向左浮动!我认为这是因为使用.span9
,但我如何才能强制 div .span9
上课并居中?
这是我拥有的代码
<div class="container">
<div class="well span9"> </div>
</div>
像这样的事情可能会更容易......除非你死心塌地使用 span9
<div class="container">
<div class="row">
<div class="well span10 offset1"></div>
</div>
</div>
如果您使用 span10 并将其偏移 1,它将始终居中,因为它是一个 12 网格系统 (1+10+1)。此外,您应该row
在容器下添加一个 div。
或者你可以使用span8
和offset2
...
如果你在 span9 上死心塌地,那么你可以添加这个 CSS 将它居中..
.well {
margin:0 auto;
float:none;
}