引導 - 對行

Question

背景顏色我已經在進展中的工作

www.codepen.io/anon/pen/yMmjZb 

我遇到的問題是，我的第三排（帶有3列）具有背景色設置，但這種出血超越我想要的邊界。我懷疑由於行是整頁寬度。我曾嘗試單獨應用背景，以列，但網頁時調整每一列變成一個不同的高度，以便填充的底部是不相符的。 任何解決方案？

Answer 1

我檢查了你的代碼，這裏是解決方案。只需將col-md-4與col-md-12綁定即可佔用填充，併爲您的課程col-homepage添加填充。

這裏是筆IT-

http://codepen.io/sahildhir_1/pen/BWXVoz

Answer 2

只需從行中刪除margins即可。目前您有-15px;差距。使它0和行不會跨越整個寬度。

Answer 3

行後添加<div class="col-md-12">。在bootstrap中，我們總是將列包裝成一排。就像你在第二排一樣，你需要col-md-12類後添加.row

因此該代碼將看起來像 -

<div class="row"> 
    <div class="col-md-12"> 
     <div class="container-fluid col-homepage"> 
     ....