css - 使用 Twitter Bootstrap 网格将 "odd"跨度居中

Question

我玩了一下 bootstrap，然后我发现了一个关于如何将跨度类居中的恼人问题。在尝试偏移使某些跨度居中之后，我可以将某个跨度类居中，例如(带有偏移量 2 的 span8，或带有偏移量 3 的 span6)，但问题是，我想将 span7/span9/span10 居中。

然后我尝试使用一些技巧使 span10 居中...

<div class="container"> <!--Or span12 since the width are same-->
  <div class="row">
    <div class="span1" style="background:black;">Dummy</div>
    <div class="span10" style="background:blue;">The Real One</div>
    <div class="span1" style="background:black;">Dummy</div>
  </div>
</div>

除了使用上面的代码，还有什么解决方案吗？

如果我想在不改变行左边距值的情况下将 span7、span9 甚至 span11 居中，我该怎么办？因为类行已经将 margin-left 设置为 20px，这让我很难将跨度居中。

Answer 1

居中“偶数”.spanN？使用 .offsetN

<div class="span10 offset1">

居中“奇数”.spanN？不可能使用框架资源。当您决定使用 Twitter Bootstrap 时，您假设使用网格。如果您将“奇数”列宽元素居中，则会破坏网格，因此没有 Bootstrap 工具可以做到这一点。

有一个理论上(但很奇怪)的解决方案:复制您的列数。在 24 列布局中，.span7 变为 span14，您可以使用 .offset5 居中。