兩個div之間的小差距

Question

我正在使用Bootstrap 3，我遇到了兩個div之間的小差距問題。我曾試圖彌補，但還是它不是在這裏工作是我的代碼

.box1 { 
 
    background-color:black; 
 
    width:150px; 
 
    height:150px; 
 
    }

<div class="container"> 
 
<div class="row"> 
 
    <div class="col-md-1 col-md-offset-0"> 
 
     <div class="box1"> 
 

 
     </div> 
 
    </div> 
 
    <div class="col-md-1 col-md-offset-1"> 
 

 
<div class="box1"> 
 

 
     </div> 
 

 
    </div>  
 
</div> 
 
</div> 
 

的問題是，如果設置第二個div COL-MD-偏移0它太接近第一個div，如果我設置到1或者以上它設置了非常大的差距。我想非常小的差距

Answer 1

編輯：與山坳div的定製類名

嘗試增加保證金。 像這樣

<div class="container"> 
    <div class="row"> 
     <!-- custom-spacer is a custom class-name. to add extra margin. --> 
     <div class="col-md-1 col-md-offset-0 custom-spacer"> 
      <div class="box1"> 
      </div> 
     </div> 
     <div class="col-md-1 col-md-offset-1"> 
     </div> 
    </div> 
</div> 

<style> 
.box1 { 
    background-color:black; 
    width:150px; 
    height:150px; 
} 
.custom-spacer { 
    margin-right: 40px; /* Increase or decrease the margin as required. */ 
} 
</style> 

有可能是一個問題，這種做法，因爲你增加了陰溝裏的大小，你將無法在同一行內創建12周的cols。