Bootstrap行容器的中心内容 [英] Center Contents of Bootstrap row container
本文介绍了Bootstrap行容器的中心内容的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有下面的代码，我想将外部行 div的井元素居中。我尝试了各种方法，例如text-align：center（仅将文本居中而不是内部DIV元素。
I have the code below and I'd like to center the "well" elements of the outer "row" div. I've tried various approaches such as text-align: center (which just centers the text and not the inner DIV elements.
这里是 jsfiddle 。想法是我得到一个好磁贴页面，并在4个左右的时间后自动换行，但是如果小于4，则应该出现
Here is a jsfiddle. The idea is that I get a page of "well" tiles and that after 4 or so it wraps. But if it is less than 4, they should appear centered on the page.
<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>
推荐答案
我通过以下操作解决了这个问题：
I solved this by doing the following:
<body class="container-fluid">
<div class="row">
<div class="span6" style="float: none; margin: 0 auto;">
....
</div>
</div>
</body>
这篇关于Bootstrap行容器的中心内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
