爲什麼此引導程序佈局網格在不應該纏繞時纏繞？

-1

（注：本網站只與Chrome瀏覽器的，IE瀏覽器將不顯示它，因爲它不支持抓取符合規範還）爲什麼此引導程序佈局網格在不應該纏繞時纏繞？

如果你去這個頁面，有兩個孩子的行應該都適合一行的div。其中一類有col-sm-8，第二類有col-sm-4。但是，第二種包裹在第一種以下。

問題出在頁面上使用的分隔符。如果我拆下分離器，那麼它工作正常。但我不知道該怎麼做才能解決。

它也適用，如果我將第二個更改爲col-sm-3但是它不會填滿整個區域。

我該如何做這項工作？

2016-09-08 Greg Gum

請在問題本身足夠的代碼成功重建你，當你尋求幫助調試遇到的問題 –

我不知道爲什麼，但這個固定的問題：

.row div { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

2016-09-08 04:46:32

這是因爲更改'box-sizing'會影響元素框模型的工作方式。通過使用'border-box'，填充是從聲明的總寬度中取出的，而不是添加到它，這導致了包裝 –

謝謝。如果你想發佈這個答案，我會接受。 –

-1

這似乎解決它。

變化

<div class="row">

到

<div class="row-fluid">

2017-03-15 01:58:50

我不認爲在Bootstrap中有'.row-fluid'類，或者是一個自定義的類？ – Swellar

回答