Jan
Jan

Reputation: 101

Bootstrap columns plus or minus gutterwidth

I use Twitter Bootstrap with lesscss. I like the gridsystem but how could I define a class to add or subtract the gutterwidth from a .spanX class like .span3 or .span11? Something like this:

.addgutter {
    width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) + @gridGutterWidth; 
}
.subtractgutter{
    width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) - @gridGutterWidth; 
}

But this is the whole sitewidth add/subtraced the gutterwidth. I need it so that automatically the columnwidth is set plus or minus the gutterwidth. Actually I'm not really familiar with less, I've been using it for under three months.

Best regards

Upvotes: 1

Views: 540

Answers (1)

ankur140290
ankur140290

Reputation: 640

You can customize the Twitter Bootstrap's CSS according to your requirement through the link given below. I hope this helps.

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

Upvotes: 2

Related Questions