Add padding to Bootstrap grid

I love Bootstrap, but the simple lack of padding in the spanX element makes it at times hard to work with if your content has a wrapper.

Thats a simple fix. Find the mixins.less file and find [class*="span"] and change it to...

[class*="span"] {
  float: left;
  min-height: 1px; // prevent collapsing columns
  .box-sizing(border-box);
  margin-left: @gridGutterWidth;
  padding-right: @gridGutterWidth;
}
.row [class*="span"]:first-of-type{
  padding-left: @gridGutterWidth;
}

Then in responsive-767px-max.less at [class="span"],
.row-fluid [class="span"] add

padding-left: @gridGutterWidth;