如何在引导列表组中设置文本溢出

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:I am trying to set up a text-overflow property