Twitter bootstrap 如何在引导中的两列之间添加水平线

在屏幕截图中，它没有在中间合并。我使用的是bootstrap3

---

您可以向列本身添加样式：

.col-md-3 {
    border-bottom: 1px solid black;
}

但这将形成一条线，该线将到达柱的边缘，如果柱的高度不同，则规则在放置时将不会处于“偶数”位置

您也可以简单地将

（可以将其样式设置为1px细边框）作为列中的第一个和最后一个元素，以便在列的顶部创建一条水平线：

<div class="col-md-3">
    <hr />
    <p>Content starts here</p>
</div>

内容从这里开始

您可以使用

元素插入水平分隔符

如果您想使用普通html和css代码，则可以看到以下代码：

HTML

内容1

内容2

CSS

.row:not(:last-child) {
border-bottom: 5px solid #000000;

}

---

}

两列之间的水平线，因为我在每个网格中创建了6列，所以我想从左到右显示这些列中的一条水平线。请发布代码。@ZimSystem我已经发布了代码。我有两个全高的柱子。我想在列之间添加水平线。我还张贴了我想做同样设计的图片。

.column-1:not(:last-child) {
border-right: 5px solid #000000;