Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Responsive grid columns with different sizes #10524

Closed
minimit opened this issue Sep 8, 2013 · 3 comments
Closed

Responsive grid columns with different sizes #10524

minimit opened this issue Sep 8, 2013 · 3 comments
Labels

Comments

@minimit
Copy link

minimit commented Sep 8, 2013

I've seen you changed a bit the container width in bootstrap 3: it's the same 1170px, but it includes the half gutter on the side of the container as padding (in bootstrap 2 it didn't had it).

You can see in chrome inspect element on this page containers
http://getbootstrap.com/css/#grid
http://getbootstrap.com/2.3.2/scaffolding.html#responsive

The problem is I'm trying to do a psd template but as you see on bootstrap 3 the columns are uneven width, you should for example on 1170px one, give columns width either 67px or 68px, right now they are some 67px and some 68px.

So maybe make it a little bigger or a little smaller container to have even width columns...

You can see the example templates with the differences from the actual container:
http://dl.dropboxusercontent.com/u/21413059/67px%20columns.psd
http://dl.dropboxusercontent.com/u/21413059/68px%20columns.psd

@juthilo
Copy link
Collaborator

juthilo commented Sep 8, 2013

Our column widths are set by percentages, not fixed pixel values.

.col-xs-4  { width: percentage((4 / @grid-columns)); } // @grid-columns = 12 by default

@juthilo juthilo closed this as completed Sep 8, 2013
@minimit
Copy link
Author

minimit commented Sep 8, 2013

Yeah but wouldn't be better to change the 1170px container width to have even width columns?

thanks

@visualbyte
Copy link

I believe taking 1164px as the width for container will give the perfect calculation on percentage basis.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants