如何清除引導程序中響應的div之間的邊距

我在引導程序項目中有此代碼，並且我無法將響應式div並排放置在它們之間沒有邊距。誰能幫我？如何清除引導程序中響應的div之間的邊距

這裏是我的代碼：

.container-vip { 
 
    width: 100%; 
 
    height: 300px; 
 
    background: #09C; 
 
    border: 1px solid #fff; 
 
    padding: 0; 
 
    margin: 0; 
 
    float: left; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<div class="row"> 
 
    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3"> 
 
    <div class="container-vip"> 
 
    </div> 
 
    </div> 
 
    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3"> 
 
    <div class="container-vip"> 
 
    </div> 
 
    </div> 
 
    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3"> 
 
    <div class="container-vip"> 
 
    </div> 
 
    </div> 
 
    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3"> 
 
    <div class="container-vip"> 
 
    </div> 
 
    </div> 
 

 
</div>

來源

2015-12-04 Paulo Frutuoso

你不需要保證金？你可以解釋嗎？ –

創建新的CSS規則以覆蓋設置邊距的引導樣式。 – Raider

他們不是利潤率，這是填充，你可以在你col-* div的使用padding: 0px刪除。

來源

2015-12-04 18:37:14 Druzion

添加此規則，以您的自定義CSS文件的底部

.col-xs-6, .col-sm-6, .col-md-3, .col-lg-3{ 
background:red; 
padding:0px; 
}

來源

2015-12-04 18:53:04 Raider

你只需要一個類添加到您的div像

<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 no-padding"> 
    <div class="container-vip"> 
    </div> 
    </div>

，並在自己的.css文件添加CSS吧

.no-padding{padding: 0 !important;}

，當然你可以給的，而不是「無填充」

自己的名字

來源

2015-12-04 20:13:43

就是這樣。我很感激 –

如何清除引導程序中響應的div之間的邊距

回答

相關問題