title: Multi-column definition list
body: <p>I have a <code>&lt;dl&gt;</code> like so:</p>
  
  <pre><code>&lt;dl&gt;
  &lt;dt id="a_1"&gt;Quantity:
  &lt;dd id="a_2"&gt;
  &lt;dt id="b_1"&gt;Size:
  &lt;dd id="b_2"&gt;
  &lt;dt id="c_1"&gt;Rise:
  &lt;dd id="c_2"&gt;
  &lt;dt id="d_1"&gt;Color:
  &lt;dd id="d_2"&gt;
  ....
  &lt;/dl&gt;
  </code></pre>
  
  <p>This list is generated dynamically through php. I have a container of a certain height. What is the best way to make this list into two columns when it gets too large? If possible, I would like to keep it as a dl though it's not absolutely necessary.</p>
  
  <p>If it helps at all, I'm using bootstrap.</p>