How to Add Vertical Spacing for Bootstrap Columns?

Today, We want to share with you bootstrap space between rows.In this post we will show you Vertical Spacing for Bootstrap Columns (Example), hear for bootstrap reduce row padding we will give you demo and example for implement.In this post, we will learn about Bootstrap Table Scroll Horizontal And Vertical with an example.

Bootstrap Add Space Between Rows


.top-buffer { margin-top:20px; }

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }

use HTML code

<div class="row top-buffer"> ...</div>

Bootstrap 3

<div class="row form-group">

/* From bootstrap.css */
.form-group {
        margin-bottom: 15px;

Bootstrap 4

<div class="row mt-3"></div>

I hope you get an idea about How to delete spaces between divs with class row in Bootstrap?.
I would like to have feedback on my blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.