在Bootstrap中使用列div上的边框

Question

我有一行有几列。我希望每个div都有一个1px的边框，但是只要两个div触摸，就不应该有重叠的边框（2px）。我希望它像一个网格，但不使用表格，因为这必须是响应。在下面的图片中，我想要的是第一个效果，而不是第二个效果。我已尝试边界崩溃的边框，但它没有做任何事情，即使添加“display：table-cell”。

<div class="container">
 <div class="row">
<div class="col-xs-6 col-sm-3 col-lg-2"></div>
<div class="col-xs-6 col-sm-3 col-lg-2"></div>
<div class="col-xs-6 col-sm-3 col-lg-2"></div>
<div class="col-xs-6 col-sm-3 col-lg-2"></div>
<div class="col-xs-6 col-sm-3 col-lg-2"></div>
<div class="col-xs-6 col-sm-3 col-lg-2"></div>
 </div>
</div>

Answer 1

它可能不是最好的解决方案（可能是最简单的），但你可以添加

div {
    margin-top:-1px;
    margin-left: -1px;
}

所以边框重叠，看起来像是一个1px的边框