title: How to set text-overflow within bootstrap list-group
body: <p>I am trying to set up a text-overflow property on links within a bootstrap list-group. There is also a bootstrap badge floated to the right of each list item within the group. When I try to set the text-overflow property, the link goes under the badge and is not truncated.
  here is the code im trying to set. forum-link is a class attached to each a tag:</p>
  
  <pre><code>.forum-link 
  {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  </code></pre>
  
  <p>here is the jsFiddle showing the code-<a href="http://jsfiddle.net/tdmoneybanks/c3hsa2y2/7/" rel="nofollow">http://jsfiddle.net/tdmoneybanks/c3hsa2y2/7/</a></p>