Html 在引导中使用列div上的边框

我有一行有几列。我希望每个div周围都有一个1px的边框，但是两个div接触的地方不应该有重叠的边框2px。我希望它像网格一样，但不使用表，因为这必须是响应性的。在下图中，我想要第一种效果，而不是第二种效果。我曾经尝试过使用边框折叠的边框，但没有任何效果，即使在添加display:table cell时也是如此

---

这可能不是最好的解决方案，也可能是最简单的，但您可以添加

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

---

因此，边界重叠，看起来像一个1px的边界。这可能不是最好的解决方案，可能是最简单的，但您可以添加

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

---

因此，边界重叠，看起来像一个1px的边界。这绝对是最简单的解决方案，有点粗糙，但它可以工作：您也可以使用第n个子选择器来完成这项工作，正如Adam在上面提到的，这将要求您在每个断点处设置不同的CSS规则，并且不像此解决方案那样跨浏览器友好。这绝对是最简单的解决方案，有点粗糙，但它可以工作：您也可以使用第n个子选择器来完成此操作，正如Adam在上文中提到的，这将要求您在每个断点处设置不同的CSS规则，并且不像此解决方案那样跨浏览器友好。