Bootstrap Cols空白700-900寬度〜爲什麼？

我有一個bootstrap atm的問題。並無法弄清楚爲什麼我的col元素會創造出更加空虛的空間。這應該是一個簡單的問題，但我現在正在尋找一個小時，仍然找不到解決方案。Bootstrap Cols空白700-900寬度〜爲什麼？

網站的問題：http://www.concierge-service-dortmund.de/

它發生在所有的瀏覽器在寬度700-900〜

這就是問題的截圖：http://puu.sh/lAogM/bbaef8e510.jpg

I`ve嘗試了一些解決方案，我發現在這裏，但他們沒有工作，實際上那裏的問題有點複雜。

謝謝！

來源

2015-11-27 Roman

那是一個浮動的問題。「Gardinenwäsche」div需要清楚：左邊;修復DOM。

來源

2015-11-27 10:28:01 KCarnaille

謝謝補充：明確：左邊到「Gardinenwäsche」和「Einkaufsservice」寬度700 - 900固定probelm – Roman

tbh這不是一個完美的解決方案，它不是動態的。它只適用於特定情況。爲了使其動態化，他必須在sm每秒之後和lg之後每四分之一之後清除。 – AlexG

通過媒體查詢，他可以清楚：左元素與第n個孩子（2n + 2）或類似的東西，它會是動態的，所以:) – KCarnaille

分離塊的行具有「margin-left：-15px;」和「margin-right：-15px;」這導致盒子跳下。

若要解決此問題，請向行中添加一個類（網站上有4個）以刪除邊距。

<div class="row noMargin">

CSS：

.noMargin { 
    margin: 0 !important; 
}

來源

2015-11-27 10:27:33 Madness

Bootstrap列允許嵌套！由於您使用的1 2或4列您可以將標記更改爲以下：

<div class="row"> 
    <div class="col-xs-12 col-sm-6"> 
     <div class="row"> 
      <div class="col-xs-12 col-lg-6"> 
      </div> 
      <div class="col-xs-12 col-lg-6"> 
      </div> 
     </div> 
    </div> 
    <div class="col-xs-12 col-sm-6"> 
     <div class="row"> 
      <div class="col-xs-12 col-lg-6"> 
      </div> 
      <div class="col-xs-12 col-lg-6"> 
      </div> 
     </div> 
    </div> 
</div>

OffTopic：引導是「移動第一」記得一個col-xs-*添加到每個列不管這是否是100％無論如何，你可能會阻止一些結算問題。

來源

2015-11-27 10:37:32 AlexG

Bootstrap Cols空白700-900寬度〜爲什麼？

回答

相關問題