Как сделать вертикальную полосу между блоками в сетке bootstrap 4?

Question

[Алексей Королёв]

Хочу сделать декоративную вертикальную линию между контентом и сайдбаром. Подскажите как можно такое реализовать

<div class="container">         
         <div class="row">
            <div class="col"> контент </div>
         <div class="col-lg-3 ml-lg-3"> правый sidebar  </div>
         </div>      
      </div>

Answer 1

[Томас Андерсон]

https://codepen.io/znalexandr/pen/aYzxKP

Comments

[Алексей Королёв]

Хорошо, а как сделать тогда чтобы вот так было, только с 1 стороны контента или сайдбара была полоса?

[Томас Андерсон]

Алексей Королёв, https://codepen.io/znalexandr/pen/aYzxKP

[Алексей Королёв]

Томас Андерсон, боюсь показаться глупым...а как прикрутить к моему коду такую штуку? Подскажи пожалуйста

[Томас Андерсон]

Алексей Королёв, https://yadi.sk/i/vG_kTHrR3UNjSe

Класс .sidebar и все что с ним связанно

Answer 2

[Senseich]

можно блоку с контентом прописать правый бордер или для сайдбара левый.

Comments

[Алексей Королёв]

так оба блока белые и между ними расстояние в 20px вот и нужно чтобы в этом расстоянии и появилась эта линия