Twitter Bootstrap: No margin between columns

Question

I want to remove the margins between spans in bootstrap.

One idea would be to just overwrite the css properties with zero margin and padding. Here is an example: http://jsfiddle.net/kKEpY/3/

Without the exception that the left column floats into the the right one it would work but I would prefer a direct bootstrap solution. So does bootstrap provide a property which clears the margins of the columns (span-fluid)?

Regards

Answer 1

Update : the solution below refers to an old version (< 2.1) : since v2.1 the fluid grid is automatically calculated from the normal grid dimensions - see variables.less on github

To obtain the same result, set @gridGutterWidth to 0 and set the @gridColumnWidthand @gridColumns as you see fit.

---

There, setting

• @fluidGridColumnWidth to 8.333333333% and
• @fluidGridGutterWidth to 0%

you can obtain that (jsfiddle).

Warning : the generator seems to put the rules based on your variables, and the default ones (which I removed on the jsfiddle).