在Bootstrap行内创建完整的高度线

Question

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

我似乎无法让线条动态地达到全高;尝试玩父div的高度，绝对定位等......

<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>

我一直在玩的两个概念是：

.vertical-stroke {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #fff;
}

上面导致一切都摆脱了打击，显示一条巨大的线，根本不是我想要的地方。

及以下，显示一条非常短的线...即使它的父div是高度更高的整行

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

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