title: Bootstrap .col woes
body: <p>I'm having trouble getting my bootstrap col's to behave how I want, I was wondering if someone could help as I'm still quite new to Bootsrap.</p>
  
  <p>I'm aiming for the following:</p>
  
  <pre><code>for larger screens, i want to have it like this:
  ------------------------------------
  |                        |     2    |
               1           ------------
  |                        |     3    |
  ------------------------ |          |
                           ------------
  </code></pre>
  
  <p>-i.e 2 and 3 are independant of the height of 1, and stay in the same column even if 2 pushes 3 lower than the bottom of 1</p>
  
  <pre><code>For medium screens look tike this:
   -------------------------
  |                        |
  |           1            |
  |                        |  
   ------------------------|         
  |-----------|------------|
  |      2    |     3      |
  |-----------|------------|
  </code></pre>
  
  <p>-where 2 and 3 drop below 1 equally</p>
  
  <pre><code>And for smallest screens look like this!
   --------- 
  |         |
  |    1    |
  |         |
   --------- 
  |    2    |  
   --------- 
  |    3    |  
   --------- 
  </code></pre>
  
  <p>-all in a single column</p>
  
  <p>Thanks in advance!</p>