<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<div class="container">
<div class="row mx-n1">
<div class="col-12 col-md-6 px-1">
text
</div>
<div class="col-12 col-md-6 px-1">
text
</div>
</div>
</div>
div[class*='col-'] {
border-left: 1px solid red;
}
div[class*='col-']:last-of-type {
border-right: 1px solid red;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.