CODEWITHSUNDEEP
twitter-bootstrap
danikoren
danikoren

Reputation: 4301

twitter bootstrap remove gutter from span in fluid configuration

I have followed this post with no success:

https://github.com/twitter/bootstrap/issues/3445#issuecomment-5640392

i'm using fluid container and row, and i want to remove the gutters between spans.

what exactly do i have to do in order to get spans with no margin-left gutter? i have used the custom build with property @fluidGridGutterWidth set to 0. i have even manually added to both responsive and regular css files: @fluidGridGutterWidth: margin-left:0;!important; @gridGutterWidth: margin-left:0;!important;

still get this gutters!!!!

please advise Thanks

Upvotes: 1

Views: 4530

Answers (1)

Sherbrow
Sherbrow

Reputation: 17379

Update Since 2.1 the responsive grid gutters are editable in the variables.less file (see on github)

@gridGutterWidth: 20px;
...
@gridGutterWidth1200: 30px;
...
@gridGutterWidth768: 20px;

First, the !important must be before the ; like margin-left: 0!important;

Secondly, variables should be set with values, not entire rules :

@fluidGridGutterWidth: 0;

The same goes in functions (example from responsive-1200px-min.less file)

#grid > .fluid(8.547008547%, 0);

Several responsive files are concerned by this hardcoded parameter modification. (version < 2.1 - see update)

Upvotes: 1

Related Questions