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

Nested Grid? #184

Closed
kbond opened this issue Sep 9, 2011 · 5 comments
Closed

Nested Grid? #184

kbond opened this issue Sep 9, 2011 · 5 comments
Milestone

Comments

@kbond
Copy link

kbond commented Sep 9, 2011

Is it possible to have a nested grid?

@mdo
Copy link
Member

mdo commented Sep 9, 2011

Yes! I'll add that to the docs to be more clear :). To do it, just make your first set of columns:

<div class="row">
  <div class="span10">
    ...
  </div>
  <div class="span6">
    ...
  </div>
</div>

To add a second level, do this:

<div class="row">
  <div class="span10">
    <!-- Nested columns -->
    <div class="row">
      <div class="span5"></div>
      <div class="span5"></div>
    </div>
    <!-- /nested columns -->
  </div>
  <div class="span6">
    ...
  </div>
</div>

Make sense?

@mdo
Copy link
Member

mdo commented Sep 9, 2011

Added the docs for this in 1.3-wip.

@mdo mdo closed this as completed Sep 9, 2011
@kbond
Copy link
Author

kbond commented Sep 9, 2011

That's great, I had an issue with the span4 not being the first class (.row [class^="span"]). I had <div class="article span4">

Might want to mention that in the docs as well.

@mdo
Copy link
Member

mdo commented Sep 10, 2011

Yes! This is a fix coming in 1.3. Hope to have it out sooner rather than later.

@mdo
Copy link
Member

mdo commented Sep 10, 2011

Just pushed a change to master to fix this, btw.

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

No branches or pull requests

2 participants