如何在引导程序中在网格中创建垂直线？

Question

正如您所看到的，下面的网格是他们网站上显示的bootstrap网站，但是当您使用代码时，中间没有垂直线。

我找到了一些与此相关的答案，但这些答案来自最后一个版本的bootstrap，所以再问一遍。

<div class="row">   
<div class="col-xs-6">.col-xs-6</div>   
<div class="col-xs-6">.col-xs-6</div> 
</div>

Answer 1

他们通过添加边框来做到这一点，有几种方法可以做到这一点。

<div class="row">   
    <div class="col-xs-6 bordered">.col-xs-6</div>   
    <div class="col-xs-6 bordered">.col-xs-6</div> 
</div>

在你的样式表中：

.bordered {
    border: 1px solid #cccccc;
}

你可以使用边框（边框右边，左边边框等）进行计划，以获得它的喜好。

这是一个CodePen，其中包含所有内容的边框，中间只有一个边框

CodePen