title: Two Columns Bulleted Lists in responsive twitter bootstrap
body: <p>This is my first foray into Twitter Bootstrap. Take a look at this template here: 
  <a href="http://twitter.github.com/bootstrap/examples/hero.html">http://twitter.github.com/bootstrap/examples/hero.html</a></p>
  
  <p>Underneath one of the headings, I'd like to break a long <code>ul</code> into two columns:</p>
  
  <p>*item1 *item4<br/>
  *item2 *item5<br/>
  *item3 *item6</p>
  
  <p>It can be two separate <code>&lt;ul&gt;</code>s in the code, it just needs to look like two bulleted columns next to each other.</p>
  
  <p>Can someone recommend a method to me? My problem so far is keeping it responsive to screen size so on narrows screens the two separate lists somewhat stack on each other again.</p>
  
  <p>Thanks!</p>