title: Text truncated in Bootstrap dl-horizontal element
body: <p>I have a website that uses Bootstrap v3.0. In one of the views I need to show 6 pair of key-value items and I was using <a href="http://getbootstrap.com/css/#type-lists" rel="noreferrer">dl-horizontal element</a>. My problem with this list is that my keys have different lenghts so when I have a long key, the text is truncated. It would be nice to have the text divided in two or more lines. Is this possible? Is there a better element to do this?</p>
  
  <p>I also have a problem when the text is too short. In this cases I have a lot of space to the left. Here is an example:</p>
  
  <p><img src="https://i.stack.imgur.com/uFO3v.png" alt="enter image description here"></p>