Get rid of Gutter in TwitterBootstrap

twitter-bootstrap

Solution

With the bootstrap you don't need a class to remove the gutter, it is removed by the `.row` class where you place your `span` divs automatically so everything sits nicely within the grid.

.row {
    margin-left: -20px;
}

A little clarification.

The other frameworks, such as the 960.gs grid, use an `.alpha` and `.omega` to remove the excess margin on the left or right of a grid so they can sit the grid elements nicely within a line. With the bootstrap this is not the case anymore since the grid has that excess margin removed by the `.row` div, which is required to have your `.span` divs sit nicely within the grid.

Problem

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 gutter to give it a margin:0px; I'm not currently seeing anything like this in the twitter bootstrap documentation.

Original source