如何刪除引導程序中兩個網格之間的邊距

我想在引導程序中的兩個網格列之間移除/摺疊邊距&填充。這是我的代碼和截圖。如何刪除引導程序中兩個網格之間的邊距

<div class="col-md-6"> 
    <div class="form-group"> 
     <label class="col-md-3 control-label">Short Name</label> 
     <div class="col-md-8"> 
      <input id="txtShortName" class="form-control " type="text" /> 
     </div> 
    </div> 

    <div class="form-group"> 
     <label class="control-label col-md-3">Descripition</label> 
     <div class="col-md-8"> 
      <input id="txtDescripition" class="form-control" type="text" /> 
     </div>  
    </div>   
</div>

來源

2014-09-29 Shehzad Mehmood

請提供小提琴。 – Frisbetarian 2014-09-29 12:25:00

在引導預先定義的類象col-md-3和col-md-8採取默認padding-left:15px;和padding-right:15px;這樣你就可以只給一個額外的類form-group旁邊，那兩個山坳類目標，以你的CSS中你寫了自定義的CSS，並使填充爲0或我們可以說只是覆蓋它。

請按照下面的編輯代碼。

<div class="col-md-6"> 
    <div class="form-group Myform"> 
     <label class="col-md-3 control-label">Short Name</label> 
     <div class="col-md-8"> 
      <input id="txtShortName" class="form-control " type="text" /> 
     </div> 
    </div> 

    <div class="form-group Myform"> 
     <label class="control-label col-md-3">Descripition</label> 
     <div class="col-md-8"> 
      <input id="txtDescripition" class="form-control" type="text" /> 
     </div> 
    </div> 
</div>

請在下面的CSS添加到您的自定義CSS文件

.Myform .col-md-3, .Myform .col-md-8 {padding-left:0;padding-right:0;}

如果不重寫引導CSS，那麼你可以簡單地添加後綴的CSS屬性，如

.Myform .col-md-3, .Myform .col-md-8 {padding-left:0 !important;padding-right:0 !important;}

來源

2014-09-29 12:25:17

在您的Bootstrap CSS中查找以下代碼，並根據您的需要更改padding。

position: relative; 
min-height: 1px; 
padding-right: 15px; 
padding-left: 15px;

上面的代碼將是下.COL-XX-Y，其中xx是相同MD，SM，LG等，y是1,2,3等..

注意：如果您在那個bootstrap CSS中改變，它會在你的每個HTML文件上生效。所以我建議你讓自定義的CSS到覆蓋吧。

來源

2014-09-29 12:53:11

如何刪除引導程序中兩個網格之間的邊距

回答

相關問題