我有下面的代码，我想将外部“行”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>