在引导程序中。如何将nav-tabs类仅水平放置？

Question

我不希望它落在下面当它变成Mobile的宽度时

我希望它只是水平

HTML

<div class="nav nav-pills nav-tabs nav-justified">

    <li class="active"><a href=''>Home</a></li>
      <li>
        <a href=''>link</a>
      </li>
    <li><a href=''>Link 2</a></li>

</div>

演示

https://jsfiddle.net/mnzsov5z/2/

Answer 1

您可以随时使用自定义样式覆盖引导样式。您唯一想做的就是添加一个添加

的新类

display: table-cell;
width: 1%;

到所有分辨率的.nav-tabsat>li列表元素。看到更新的小提琴： https://jsfiddle.net/mnzsov5z/3/

Answer 2

bootstrap anymore不支持“nav-justified”。删除它，让我知道是否有效。