Html 在视图中间添加垂直线

我需要在两个div之间添加一条垂直线。我使用的是bootstrap，所以我有一个.col-md-12，然后我在里面有列，一个是.col-md-4（它有一个表单），另一个是.col-md-8（它有一个表）

所以它必须喜欢这个图像

我试着用一个hr，给它一个类，然后旋转90度，它的工作，但它不让我添加在底部的空间。 我不能使用图像

---

提前谢谢

您可以为middle div指定一个类名，并按如下方式应用边框：

.middle{
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

---

---

对于一列div中的两列div，您可以在其中一列上应用右边框或左边框。

选择列的最高高度，并将边框向右放置到第一列，或者将边框向左放置到第二列，具体取决于高度

设置图像的其他选项

<div class="row">
<div class="col-md-4">...</div>
<div class="col-md-1 hidden-xs divider"></div>
<div class="col-md-7"></div>
</div>

.divider{
background: url("img/divider.png") repeat-y;
}

...
.分隔器{
背景：url（“img/divider.png”）repeat-y；
}

使用css在其中一个div上加一个侧边框？右边框如何？