以Twitter Bootstrap网格为中心"奇数"

Question

我玩了一点引导程序,然后我发现了关于如何使span类居中的烦人问题.在尝试偏移以对某些跨度进行居中后,我可以将某个跨度类居中(如span8与offset2,或span6与偏移量3),但问题是,我想将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 列布局中，a.span7变为span14，您可以将 居中.offset5。