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

Question

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

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

我已经尝试在它们周围放置一个包装器并且自动保证它但没有任何反应.

我可以去除span类,只需添加指定的宽度,但我需要span类用于流体布局.

Answer 1

如果你想中心两列span4你可以使用offset param,如下所示:

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

请记住,这可能会在低分辨率下崩溃 为了防止考虑使用流体网格布局.这是通过改变来完成的

<div class="row">

成

<div class="row-fluid">

希望有所帮助!