html - 两个div之间的小差距

Question

我使用的是 Bootstrap 3，但在两个 div 之间留出小间隙时遇到了问题。我已经尝试了 offset 但它仍然无法正常工作，这是我的代码

 .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-offset-0 它会太靠近第一个 div，如果我设置为 1 或更高，它会设置非常大的差距。我想要非常小的差距

Answer 1

已编辑:

尝试在 col 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 个列。