Get rid of Gutter in TwitterBootstrap

Question

Maybe I\'m crazy but is there not a way to get rid of the 20px gutter on the twitter bootstrap? For example I\'ve used frameworks that use an alpha and omega that over-ride the

Answer 1

Just download a custom version of the framework from here

http://twitter.github.com/bootstrap/customize.html#variables

and make the gridGutter = 0px

Answer 2

Had the same problem, this solved it for my pretty nice:

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

Answer 3

I know this is an old topic...but I'm sure it's still an issue for folks. I found this very useful CSS that solved it for me. Enjoy!

/* remove spacing between middle columns */
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:0;
  padding-left:0;
}
/* remove right padding from first column */
.row.no-gutter [class*='col-']:first-child {
  padding-right:0;
}
/* remove left padding from first column */
.row.no-gutter [class*='col-']:last-child {
  padding-left:0;
}

/* only for column content visible */
.col-lg-1>div {background-color:#ffffd;}

CSS Source - http://bootply.com/109530