Как сделать вертикальную линию в сетке в бутстрапе?

Question

Как видите, сетка ниже - это то, что показывает сайт начальной загрузки на своем веб-сайте, но когда вы используете код, в середине нет вертикальной линии.

Я нашел ответ, связанный с этим, но это были из последней версии бутстрапа, чтобы снова спросить.

<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