是否可以水平居中对齐一排不超过12的自举跨度？

Question

<div class="row">
  <div class="span4"></div>
  <div class="span4"></div>
</div>

我知道你总共需要12个跨度。有没有办法仍然居中对齐水平的两个跨度？以上只会向左浮动。

我试过在它们周围放一个包装器，并且自动保证它，但没有任何反应。

我可以去除span类并只添加指定的宽度，但我需要span类来进行流畅布局。

Answer 1

如果你想将两列span4居中，你可以像这样使用偏移参数：

<div class="row">
  <div class="span4 offset2"></div>
  <div class="span4"></div>
</div>

请记住，这可能会在较低分辨率下崩溃。为了防止考虑使用流体网格布局。这是通过更改

来完成的

<div class="row">

到

<div class="row-fluid">

希望有所帮助！