[adamlj]

I had a look at the source and I must say I really prefer how Bootstrap does it.

Compare:

  <div id="all" class="standard" intent in-width: in-container: in-orientation:>
  <section id="smallCode" class="clearFix standard" intent in-width: in-container: data-pattern="2">
  <div id="pseudosmalltablet" intent in-pseudosmalltablet-class="toggleOrientation"  in-base-class="null"></div>

etc. to

  <div class="col-md-6">
  <div class="col-xs-6">
  <div class="hide-xs">