Usage Examples from my Fork of Twitter Bootstrap

grid_and_wells.html

<section>
  <ul>
    <li>
      <h2>account</h2>
      <p>placeholder</p>
    </li>

    <li>
      <h2>balances</h2>
      <p>placeholder</p>
    </li>
  </ul>
</section>

<section>
  <h2>money stuffs</h2>

  <ul>
    <li>
      <h3>credit card</h3>
      <p>placeholder</p>
    </li>

    <li>
      <h3>other</h3>
      <p>placeholder</p>
    </li>
  </ul>
</section>

<section>
  <ul>
    <li>
      <h2>communications</h2>
      <p>placeholder</p>
    </li>

    <li>
      <h2>linked accounts</h2>
      <p>placeholder</p>
    </li>
  </ul>
</section>

grid_and_wells.less

@wellPadding        : 40;

section {
  #grid > .row(@gridGutterWidth);

  > h2 {
    margin-left     : @gridGutterWidth;
  }

  > ul {
    list-style      : none;
    margin          : 0;
  }

  > ul > li {
    #grid  > .span(6, -@wellPadding);
    #wells > .main();
  }
}

using https://github.com/coreyti/bootstrap/tree/v2.0.1-divergent (WIP)

"vX.X.X-compatible" branches on my fork will always be entirely backwards compatible.
"vX.X.X-divergent" branches will be backwards compatible if you're doing:

@import "twitter/bootstrap";
// and/or
@import "twitter/bootstrap/mixins";

If selecting a specific sub-package, things change (for the better).