Css “定心”;“奇数”;使用Twitter引导网格

Css “定心”;“奇数”;使用Twitter引导网格,css,twitter-bootstrap,twitter-bootstrap-2,Css,Twitter Bootstrap,Twitter Bootstrap 2,我玩了一点bootstrap,然后我发现了一个恼人的问题,关于如何使一个span类居中。在尝试偏移对中某个跨度后,我可以对中某个跨度类,如(带偏移量2的span8,或带偏移量3的span6),但问题是,我想对span7/span9/span10进行对中 然后我试着用一些技巧来调整跨距的中心10 <div class="container"> <!--Or span12 since the width are same--> <div class="row">

我玩了一点bootstrap,然后我发现了一个恼人的问题,关于如何使一个span类居中。在尝试偏移对中某个跨度后,我可以对中某个跨度类,如(带偏移量2的span8,或带偏移量3的span6),但问题是,我想对span7/span9/span10进行对中

然后我试着用一些技巧来调整跨距的中心10

<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>

笨蛋
真的吗
笨蛋
除了使用上面的代码,还有什么解决方案吗

如果我想在不改变行边距左侧值的情况下将第7、第9甚至第11行居中,该怎么办?因为类行已将剩余边距设置为20px,这使我很难将span居中。

居中“偶数”
。spanN
?使用
.offsetN

<div class="span10 offset1">

对中“奇数”
.spanN
?无法使用框架资源。当您决定使用Twitter引导时,您假设使用网格。如果您将一个“奇数”列宽元素居中,那么您就是在破坏网格,因此没有引导工具可以做到这一点


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

这在Bootstrap 3中不是问题,但对于Bootstrap 2.x,我提出了一个CSS解决方案,它创建了一个“半”偏移量,可以用来居中(几乎)奇数个跨距。这些半跨距创建的百分比是bootstrap.css中标准偏移量的一半

/* odd span centering helpers */

  .row-fluid .offsetHalf {margin-left:8.5% !important;}
  .row-fluid .offsetHalf1 {margin-left:12.9% !important;}
  .row-fluid .offsetHalf2 {margin-left:21.6% !important;}
  .row-fluid .offsetHalf3 {margin-left:25.6% !important;}

你是说那一排吗?