Html 在引导行内创建全高度线

我有一个容器，其中有一行列。我试图创建3列，每个列之间有字段和一个全高垂直分隔符。我使用的是带引导的24列网格系统

我似乎无法让线动态地达到最大高度；试着用母版的高度、绝对位置等来玩

<div class="row">
  <div class="col-md-7">
      content
  </div>
  <div class="col-md-1 vertical-stroke">
  <div class="col-md-7">
      content
  </div>
  <div class="col-md-1 vertical-stroke">
  <div class="col-md-7">
      content
  </div>

以上导致一切失控，显示了一个巨大的线根本不是我想要的

下面是一条很短的线。。。即使它的父div是一个高度更高的整行

.vertical-stroke {
    height: 100%;
    width: 1px;
    background-color: #fff;
}

---

1） 如何创建一条全高垂直线？

您是否尝试过将边框设置为正确：1px纯红或类似的颜色？col-*采用其自身内容的高度，因此一种解决方案是尝试将列设置为全高……您是否尝试过将边框设置为正确的：1px纯红或类似的颜色？col-*采用其自身内容的高度，因此一种解决方案是尝试使列达到全高。。。

.vertical-stroke {
    height: 100%;
    width: 1px;
    background-color: #fff;
}