Bootstrap <li>徽章元素位于正确的位置</li>

Question

Here's the jsfiddle

对于你们明白，jsfiddle的分裂必须处于某个位置。所以，这是一个版画屏幕。

jsfiddle中的代码适用于移动或更大的尺寸，但我需要它到一定的宽度。正如您在图像中看到的那样，它解释了我想要的东西。我希望无论文本的标准如何，徽章总是在文本的正确位置。

我想到<div>内<li>的可能性，但是我尝试过的却没有成功。