Bootstrap Container Width

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
donny
Forum Contributor
Posts: 179
Joined: Mon Aug 11, 2014 11:18 am

Bootstrap Container Width

Post by donny »

hello,

does anybody know how to adjust the bootstrap container width?
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: Bootstrap Container Width

Post by Celauran »

anupriya26
Forum Newbie
Posts: 2
Joined: Sun Nov 02, 2014 11:18 pm
Location: India

Re: Bootstrap Container Width

Post by anupriya26 »

I guess, you could try this!
Since you have not specified the number of columns, I have considered it for 3 column fixed width putting all the spans on single row.

<!DOCTYPE html>
<html>
<body>
<div class="container">
<div class="row">
<div class="span3">
span3
</div>
<div class="span6">
span6
</div>
<div class="span3">
span3
</div>
</div>
</div>
</body>
</html>

Hope, it helps your issue!
vijaywebsol
Forum Newbie
Posts: 2
Joined: Wed Dec 03, 2014 3:01 am

Re: Bootstrap Container Width

Post by vijaywebsol »

Go to the Customize section on Bootstrap site and choose the size you prefer. You'll have to set @gridColumnWidth and @gridGutterWidth variables.
For example: @gridColumnWidth = 65px and @gridGutterWidth = 20px results on a 1000px layout.
PaulLejoy
Forum Newbie
Posts: 13
Joined: Wed Mar 25, 2015 2:27 am

Re: Bootstrap Container Width

Post by PaulLejoy »

You can customize any Bootstrap's components here. Only you need to set @gridColumnWidth & @gridGutterWidth variables.

After that download it..
Post Reply