How to add a vertical divider between two columns in Bootstrap and HTML?

Spread the love

Sometimes, we want to add a vertical divider between two columns in Bootstrap and HTML.

In this article, we’ll look at how to add a vertical divider between two columns in Bootstrap and HTML.

How to add a vertical divider between two columns in Bootstrap and HTML?

To add a vertical divider between two columns in Bootstrap and HTML, we add the border-right class.

For instance, we write

<div class="row">
  <div class="col-6 border-right"></div>
  <div class="col-6"></div>
</div>

to add the border-right class to add a right border to the left div.

This class is available with Bootstrap 4.

Conclusion

To add a vertical divider between two columns in Bootstrap and HTML, we add the border-right class.

Leave a Reply

Your email address will not be published. Required fields are marked *