Reduce spacing between rows

Question

I am using Bootstrap grid system. The spacing between rows is too large. How can I reduce it? ```

Heading

Span

…

Accepted Answer

There are 2 quick solutions possible for this: - Edit bootstrap core css/sass which will be a bad idea as it will affect core functionality of page scaffolding. - Write a separate class and add it in your div for ex: .row-bottom-margin { margin-bottom:20px; } and you can use it as ```

``` Option 1 is not suggested until unless you are really looking for this change to be applied at all the relevant places and do consider your future designs. Hope this helps!

Reduce spacing between rows

Solution

Problem