маленький промежуток между двумя divs

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-й мкр-офсетная 0 он становится слишком близко первым ДИВ и если я устанавливаю до 1 или выше он устанавливает очень большой разрыв. Я хочу очень небольшой зазор

Answer 1

Отредактировано:

Попробуйте добавить маржу с классом имя-настраиваемого на Col дивы. как так

<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 в той же строке.