你如何在同一行的bootstrap3中重叠列？

Question

我试图在引导程序3中实现此效果：http://i.stack.imgur.com/BZRRC.png

引导默认使用12列。如果当前行中的所有列宽度合计超过12，则溢出列将在“下一行”之下结束。

的div像这样的时刻：

<div class="row"> 
    <div class="col-md-4"> 
    ...[left window] 
    </div> 
    <div class="col-md-6 col-md-pull-1"> 
    ...[middle, bigger window] 
    </div> 
    <div class="col-md-4 col-md-pull-2"> 
    ...[right window] 
    </div> 
</div> 

这是14列。中间窗口正确地与左边的窗口重叠。但是右边的窗口结束了下方的左边一列，但左边两列。

有没有什么办法来防止这种行为，并保持所有col-md- *在同一行上，即使有12个以上（本例中为14）？

Answer 1

就我所知，您无法使用bootstrap开箱即用。相反，使用最后一列中的类并添加负边距。

下面一个例子与HTML和bootstrap3： http://cdpn.io/bAKfj

Answer 2

相当肯定是没有办法获得超过12列在一排/跨越。 但是，您可以创建列内行以访问更喜欢的列：

<div class="row"> 
    <div class="col-md-6"> 
    <div class="row"> 
      //12 columns here 
    </div> 
    </div> 
    <div class="col-md-6"> 
    <div class="row"> 
      //12 columns here 
    </div> 
    </div> 
</div> 

这样，他们仍然在“一”行。不确定它是否会起作用，尽管如此。