getskeleton site shows 12 columns - confusing about skeleton HOT 16 CLOSED

agreed. this threw me too.

from skeleton.

Same. Where can I find 12 grid?

from skeleton.

If you look that is just an example of how it works. View the source of that page and you can see the side bar takes up 3 columns and the actual content of the site takes up 12 columns but it has the class of offset-by-one. this makes up the total of 16 total columns.

Skeleton is a 16 column css framework. It is very flexible so if you want a 12 column grid you can modify the css or you can make offset-by-two on each side of your website thus having a 12 column grid. I think this will be very skinny and 16 gives designers/developers for flexibility and power anyways.

This issue should probably be closed as it really isn't an issue but more of a css question.

from skeleton.

Hi @edhedges,
Please read/re-read my original post. I don't see how this could be seen as a question.
Thanks.

from skeleton.

@pferdefleisch Ah ok. I am sorry. I guess my response is a little more relevant to @ibrent and @shovansargunam. I do agree for beginners it could be confusing. A good way around this would be to explain that the grid is 16 columns but here is an example using 12 columns?

from skeleton.

np :)
Yeah, I think that a mention in the opening paragraphs would be super helpful.

Skeleton has a familiar, lightweight 960 grid as its base

could be

Skeleton has a familiar, lightweight 960px, 16 column grid as its base

for example.

from skeleton.

Thanks guys for your help. I am still getting my head around. I have a theme build on Skeleton and I have designed in Foundation Framework (foundation.zurb.com), Trying to hack into Skeleton and make it work for my design.

Appreciate your comments.

from skeleton.

The same happened to me. The documentation is a bit confusing in this aspect.

from skeleton.

+1

from skeleton.

+1

from skeleton.

As an example of how Twitter Bootstrap takes care of this same exact issue
http://twitter.github.com/bootstrap/scaffolding.html#gridSystem
It is in bold in the description text that there are 12 columns.

from skeleton.

+1

from skeleton.

This also had me confused. Maybe just updating the documentation would solve this issue?

from skeleton.

+1

from skeleton.

move to close - new getskeleton site doesn't have error

from skeleton.

This was mad confusing and something that should have been taken care of (or at least explained). New site doesn't suffer from same confusing issue, so that's good! Closing in light of v2.0

from skeleton.