title: disable bootstrap dl-horizontal class for responsive window
body: <p>I design list using bootstrap and <code>dl-horizontal</code> class like this :</p>
  
  <pre><code>&lt;dl class="dl-horizontal"&gt;
    &lt;dt&gt;1&lt;/dt&gt;  &lt;dd&gt;deta1&lt;/dd&gt;
    &lt;dt&gt;1&lt;/dt&gt;  &lt;dd&gt;deta1&lt;/dd&gt;
    &lt;dt&gt;1&lt;/dt&gt;  &lt;dd&gt;deta1&lt;/dd&gt;
    &lt;dt&gt;1&lt;/dt&gt;  &lt;dd&gt;deta1&lt;/dd&gt;
    &lt;dt&gt;1&lt;/dt&gt;  &lt;dd&gt;deta1&lt;/dd&gt;
    &lt;dt&gt;1&lt;/dt&gt;  &lt;dd&gt;deta1&lt;/dd&gt;
    &lt;dt&gt;1&lt;/dt&gt;  &lt;dd&gt;deta1&lt;/dd&gt;
    &lt;dt&gt;1&lt;/dt&gt;  &lt;dd&gt;deta1&lt;/dd&gt;
    &lt;dt&gt;1&lt;/dt&gt;  &lt;dd&gt;deta1&lt;/dd&gt;
  &lt;/dl&gt;
  </code></pre>
  
  <p>This work and show list in large desktop. But, when i resize window and check windows for responsive design <code>dd</code> show in below of <code>&lt;dt&gt;</code>. i need to show <code>dd</code> opposite of <code>dt</code> in all window. how do can i fix this?</p>
  
  <p><a href="http://www.bootply.com/upth949Zco" rel="nofollow">DEMO</a></p>