如何填補這些空白的B/W這兩列在bootstrap？

-3

我使用白手起家網格和我得到的間隙B/W列：如何填補這些空白的B/W這兩列在bootstrap？

p { 
 
    height: 400px; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-md-6"> 
 
     <p>Huge text</p> 
 
    </div> 
 
    <div class="col-md-6"> 
 
     <p>Huge text</p> 
 
    </div> 
 
    </div> 
 
</div>

來源

2017-01-25 Shaik Shamsher

這是發生，因爲列創建通過填充水槽（列內容之間的差距）。該填充通過.rows上的負邊距在第一行和最後一列的行中偏移。 –

請在SO上發佈問題之前進行一點研究。檢查這個[問題]（http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3） –

每列'col'有左右15px的填充。 – Mohammad

這條排水溝是標準的引導行爲。一個有趣和非常有用的片段來覆蓋它是這樣的：

.row.no-gutter > [class*='col-'] { 
    padding-right:0; 
    padding-left:0; 
}

用於：

<div class="row no-gutter">

來源

2017-01-25 10:38:02 mayersdesign

如何填補這些空白的B/W這兩列在bootstrap？

回答

相關問題