Twitter bootstrap 引导网格列槽

大家好,， 我想让引导网格像截图一样。但我正在和柱子之间的排水沟作斗争

与第二行col-md-4的边框相比，第一行col-md-4的边框应为垂直直线

如何制作col-md-8应该取右边col-md-4的排水沟

有什么解决办法吗？

<div class="row">
  <div class="col-md-8">.col-md-8</div>
  <div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
</div>

.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4

这是一个

请注意，这只能通过（js+css）实现。

.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4

这是一个

---

请注意，这仅适用于（js+css）

例如，您可以将右边框添加到前两个

.col-md-4

块：

/*问题的核心*/
@介质（最小宽度：992px）{
.排水沟。col-md-4{
右边框：12px白色固体；
}
col-md-4：最后一个孩子{
边界权：无；
}
}
/*装饰物*/
.排水沟。col-md-4{
背景：#9c6；
}
col-md-4：最后一个孩子{
背景：#69c；
}
.排水沟。col-md-8{
背景：#c69；
}
.排水沟.行>分区{
颜色：#fff；
字号：18px；
字体大小：粗体；
最小高度：80px；
填充：4px08px；
}
@介质（最小宽度：992px）{
.排水沟{
利润率：8px0；
}
}

.col-md-8
.col-md-4：最后一个孩子
.col-md-4
.col-md-4
.col-md-4：最后一个孩子

例如，您可以将右边框添加到前两个

.col-md-4

块：

/*问题的核心*/
@介质（最小宽度：992px）{
.排水沟。col-md-4{
右边框：12px白色固体；
}
col-md-4：最后一个孩子{
边界权：无；
}
}
/*装饰物*/
.排水沟。col-md-4{
背景：#9c6；
}
col-md-4：最后一个孩子{
背景：#69c；
}
.排水沟。col-md-8{
背景：#c69；
}
.排水沟.行>分区{
颜色：#fff；
字号：18px；
字体大小：粗体；
最小高度：80px；
填充：4px08px；
}
@介质（最小宽度：992px）{
.排水沟{
利润率：8px0；
}
}

.col-md-8
.col-md-4：最后一个孩子
.col-md-4
.col-md-4
.col-md-4：最后一个孩子