引导标签在小屏幕上与徽章对齐跳转到第二行

Question

我有示例代码

<ul class="nav nav-tabs nav-justified">
<li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
<li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
<li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
<li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
<li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
<li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
<li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
<li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
<li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>

我有徽章的问题是屏幕是较小的徽章跳到第二行，这是我不想要的

http://jsfiddle.net/twvqxtgw/上的工作演示 我试过浮动等等但没有任何工作：/仍然跳到第二排 还有大屏幕标题，标签中心有标签

谢谢！