TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個(gè)贊
就像注釋所建議的那樣，解決方案是使用嵌套的跨度/行。
<div class="container">
<div class="row">
<div class="span4">1</div>
<div class="span8">
<div class="row">
<div class="span4">2</div>
<div class="span4">3</div>
</div>
<div class="row">
<div class="span4">4</div>
<div class="span4">5</div>
</div>
</div>
</div>
<div class="row">
<div class="span4">6</div>
<div class="span4">7</div>
<div class="span4">8</div>
</div>
</div>
TA貢獻(xiàn)1951條經(jīng)驗(yàn) 獲得超3個(gè)贊
我相信有關(guān)如何跨行的部分已經(jīng)得到了徹底的解答（即通過嵌套行），但是我也遇到了嵌套行未填充其容器的問題。盡管可以選擇使用flexbox和負(fù)邊距，但更簡單的解決方案是h-50在row包含的框2、3、4和5 上使用預(yù)定義的類。
注意： 我正在使用
Bootstrap-4，我只想分享，因?yàn)槲矣龅搅送瑯拥膯栴}，發(fā)現(xiàn)這是一個(gè)更優(yōu)雅的解決方案:)
舉報(bào)