css - 在 Bootstrap 中。如何将 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

您始终可以使用自定义样式覆盖 Bootstrap 样式。您唯一想要做的就是添加一个新类来添加

display: table-cell;
width: 1%;

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