css - 是否可以水平居中对齐一行不等于 12 的引导跨度？

Question

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

我知道您总共需要 12 个跨度。有没有办法仍然水平居中对齐我的两个跨度？上面将只是浮动到左边。

我尝试在它们周围放置一个包装器并对其进行边距自动处理，但没有任何反应。

我可以去删除跨度类，只需添加一个指定的宽度，但我需要span用于流体布局的类。

Answer 1

如果要将两列居中，span4可以使用如下偏移参数：

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

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

<div class="row">

进入

<div class="row-fluid">

希望有帮助！