Home/ Questions/Q 7960295
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T04:42:56+00:00

I’m using twitter-bootstrap, with LESS and Rails. I want to add a simple spacer

  • 0

I’m using twitter-bootstrap, with LESS and Rails.

I want to add a simple spacer to my CSS that appears between the grid rows to space things out a bit better. I couldn’t find anything in the bootstrap that does it for me so I figured I could just add a spacer div with a margin-top defined.

I took the following code in my bootstrap override file:

 .spacer {  margin-top: 40px; }

but all the margins seem to bunch together at the top of the page and not between the grid. I’m sure its a position attribute I’m missing somewhere please help.

I’m open to any other suggestions on a better way to achieve this, or if t-bootstrap has anything already that I have missed.

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can add a class to each of your .row divs to add some space in between them like so:

    .spacer {
    margin-top: 40px; /* define margin as you see fit */
}

    You can then use it like so:

    <div class="row spacer">
   <div class="span4">...</div>
   <div class="span4">...</div>
   <div class="span4">...</div>
</div>

<div class="row spacer">
   <div class="span4">...</div>
   <div class="span4">...</div>
   <div class="span4">...</div>
</div>
    • 0