我有下面的代码，我想将外部“行”div的“好”元素居中。我已经尝试过各种各样的方法，如text-align：center(它只是居中的文本，而不是内部的DIV元素。
这是一个jsfiddle.这个想法是，我得到一个“好”的瓦片，并在4左右之后它包装。但是如果小于4，它们应该以页面为中心。
<body class="container-fluid">
<div class="row">
<div class="well span2">
<div class="row">
<div class="span2">
Header
</div>
</div>
<div class="row">
<div class="span2">
Sub Header
</div>
</div>
</div>
<div class="well span2">
<div class="row">
<div class="span2">
Header
</div>
</div>
<div class="row">
<div class="span2">
Sub Header
</div>
</div>
</div>
</div>
</body>
解决方法
我通过以下方式解决了这个问题：
<body class="container-fluid">
<div class="row">
<div class="span6" style="float: none; margin: 0 auto;">
....
</div>
</div>
</body>