Question

我正在使用Bootstrap 3，我遇到了两个div之间存在小差距的问题。我已经尝试了偏移但仍然不能在这里工作是我的代码

＆＃13;

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

＆＃13;

 <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>

＆＃13;

问题是如果设置第二个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个色块。

两个div之间的差距很小

1 个答案: