如何在bootstrap中創建網格中的垂線？

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