title: How to align left dl content?
body: <p>I'm having an issue when using Bootstrap's <code>dl</code> with the <code>dl-horizontal</code> class. In the <code>xs</code>, <code>md</code> and <code>lg</code> viewports the <code>dl</code>'s descriptions are displayed properly. However, in the <code>sm</code> viewport, the <code>dl</code>'s content leaves its parent's boundary.</p>
  
  <p>Here's the <code>xs</code> viewport.</p>
  
  <p><a href="https://i.stack.imgur.com/595QN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/595QN.png" alt="XS viewport"></a></p>
  
  <p>Then the larger ones...</p>
  
  <p><a href="https://i.stack.imgur.com/uqi89.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uqi89.png" alt="LG and larger"></a></p>
  
  <p>And the problem appears with the <code>md</code> viewport.</p>
  
  <p><a href="https://i.stack.imgur.com/hQxzT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hQxzT.png" alt="MD viewport"></a></p>
  
  <p>Here's the code related to that <code>div</code>:</p>
  
  <pre><code>    &lt;div class="col-sm-3"&gt;
            &lt;div class="panel panel-primary"&gt;
                  &lt;div class="panel-heading text-center"&gt;
                      Stats
                  &lt;/div&gt;
                  &lt;div class="panel-body"&gt;
                      &lt;ul class="nav nav-tabs"&gt;
                          &lt;li class="active"&gt;&lt;a href="#"&gt;Basic&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Advanced&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;dl class="dl-horizontal text-muted"&gt;
                          &lt;dt&gt;
                              Nodes:
                          &lt;/dt&gt;
                          &lt;dd&gt;
                              7
                          &lt;/dd&gt;
                          &lt;dt&gt;
                              Bandwidth:
                          &lt;/dt&gt;
                          &lt;dd&gt;
                              3 kbps
                          &lt;/dd&gt;
                          &lt;dt&gt;
                              Average hops:
                          &lt;/dt&gt;
                          &lt;dd&gt;
                              3
                          &lt;/dd&gt;
                          &lt;dt&gt;
                              Latency:
                          &lt;/dt&gt;
                          &lt;dd&gt;
                              100 ms
                          &lt;/dd&gt;
                      &lt;/dl&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>