Jquery 当窗口太小时，引导选项卡无法正确显示

因此，我有一个导航菜单使用标签从引导。这一切都很好，但当窗口的宽度使选项卡（对齐）尚未堆叠时，它的显示会很奇怪（因为一些选项卡现在使用两行而不是一行），如您所见：

好:

坏的：

下面是HTML：

<ul id="onglets" class="nav nav-tabs nav-justified" role="tablist">
    <li class="active"><a href="#mod" data-toggle="tab"> addition (polaire) </a></li>
    <li><a href="#com" data-toggle="tab"> addition (composantes) </a></li>
    <li><a href="#con" data-toggle="tab"> conversion d'angles </a></li>
    <li><a href="#mul" data-toggle="tab"> produit </a></li>
    <li><a href="#uni" data-toggle="tab">vecteur unitaire </a></li>
</ul>

我怎样才能解决这个问题？谢谢

---

编辑：因此，通过使用bootstrap.min.css文件，我可以更改@media查询，将选项卡堆叠到992px而不是768px（因为它在991px时开始损坏）。它是有效的，但如果有人有更好的解决方案，我是开放的

使用

空白：nowrap您可以使选项卡始终显示在一行中，这可能是您的解决方案：

@media (min-width: 768px){
    #onglets>li>a {
        white-space: nowrap;
    }
}

这是Bootstrap v3.2.0版本吗？所有浏览器都会出现这种情况吗？至少有3个，但我不记得是哪一个。是的，chrome和Firefox请你也发布CSS。没有CSS，这就是bootstrap显示HTML的方式（如果你忽略导航下的按钮，这与它无关），我想是因为。导航类尝试删除它完美，这正是我想要的！非常感谢！
@media (min-width: 768px){
    #onglets>li>a {
        white-space: nowrap;
    }
}