Nested columns limitation

[dlzi]

I today I noticed some limitations on the nested columns, or I didn't get the idea right. Let's use for example a classic layout to demonstrate my issue.

Content-Sidebar

<div class="row">
    <div class=column-9">
     <p>content</p>
    </div>

    <div class=column-3">
     <p>content sidebar</p>
    </div>
</div>

So far so good. But what if I want to divide the content in two columns? Since I want to divide the content in two equal parts, I thought I could do:

<div class="row">
    <div class=column-9">
        <div class="row">
            <div class="column-6">
            <p>content left</p>
            </div>
            <div class="column-6">
            <p>content right</p>
            </div>
        </div>
    </div>

    <div class=column-3">
     <p>content sidebar</p>
    </div>
</div>

But that will break the layout. Is that a limitation or am I doing something wrong?

Cheers

[petebrowne]

Nope that's a limitation of operating within the grid, which is why I've added the "breakout" columns in the development branch. So the way you will do it, once it's released, is:

<div class="row">
  <div class=column-9">
    <!-- .row-2 allows you to turn this column into a 2up -->
    <div class="row row-2">
      <div class="column-1">
        <p>content left</p>
      </div>
      <div class="column-1">
        <p>content right</p>
      </div>
    </div>
  </div>
  <div class=column-3">
    <p>content sidebar</p>
  </div>
</div>

[dlzi]

Thanks. I'm just wondering if will the breakout columns be the default behavior for nested columns? I asked that, because it may start to get a bit complicate to the user to know when to use breakout columns or normal nested ones.