你如何在同一行的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> 

這樣，他們仍然在「一」行。不確定它是否會起作用，儘管如此。