Bootstrap grid - missing Margin in Phone-mode

Question

Hi i'm using twitter bootstrap's grid+responsive.

every thing is ok. When i reduce my browsers width to phone mode, the spans arrange vertical, which is ok. But there is no space between them now, i would expect them to get a margin-top or bottom of GutterWidth.

Any ideas how i can archieve it?

Answer 1

You can achieve this using media query..

For example,

@media (max-width: 767px) {
  div[class*="span"] {
      margin-bottom:2px;
  }
}

Demo