Twitter bootstrap 对齐的制表符不会粘在宽度上

我使用的是Bootstrap3，我想让标签在整个内容上对齐。因此，我使用导航选项卡，正如您在下面的内容中所看到的。 这看起来可能有点奇怪，因为我使用的是Angular 4，代码是从开发工具复制的

<ul class="nav nav-justified nav-tabs nav-tabs-justified">
    <li class="nav-item" ng-reflect-ng-class="nav-item,">
     <a class="nav-link active" href="javascript:void(0);">
        <span _ngcontent-c5="">Artikel</span>
     </a>
    </li><li class="nav-item" ng-reflect-ng-class="nav-item,">
      <a class="nav-link" href="javascript:void(0);">
        <span>Rezeptierung/Ökonomie</span>
        <!--bindings={}-->
      </a>
    </li><li class="nav-item" ng-reflect-ng-class="nav-item,">
      <a class="nav-link" href="javascript:void(0);">
        <span>Teilbarkeit</span>
        <!--bindings={}-->
      </a>
    </li><li class="nav-item" ng-reflect-ng-class="nav-item,">
      <a class="nav-link" href="javascript:void(0);">
        <span>Zusammensetzung</span>
        <!--bindings={}-->
      </a>
    </li><li class="nav-item" ng-reflect-ng-class="nav-item,">
      <a class="nav-link" href="javascript:void(0);">
        <span>Kurzinformation</span>
        <!--bindings={}-->
      </a>
    </li><li class="nav-item" ng-reflect-ng-class="nav-item,">
      <a class="nav-link" href="javascript:void(0);">
        <span>ATC/IND</span>
        <!--bindings={}-->
      </a>
    </li><li class="nav-item" ng-reflect-ng-class="nav-item,">
      <a class="nav-link" href="javascript:void(0);">
        <span>Lagerung/Abgabe</span>
        <!--bindings={}-->
      </a>
    </li><li class="nav-item" ng-reflect-ng-class="nav-item,">
      <a class="nav-link" href="javascript:void(0);">
        <span>Hersteller</span>
        <!--bindings={}-->
      </a>
    </li><li class="nav-item" ng-reflect-ng-class="nav-item,">
      <a class="nav-link" href="javascript:void(0);">
        <span>Fachinformation</span>
        <!--bindings={}-->
      </a>
    </li>
</ul>

我认为这段代码的输出是非常正常的，但是只有当它是全尺寸的时候。如果我正在调整页面大小，则看起来如下所示：

在右侧，您可以看到内容的结尾，然后选项卡溢出

---

有人知道如何解决这个问题吗？

建议使用引导程序：

---

我最终用jQuery解决了这个问题。 因为我总共有9个标签，所以我说OK：

---

if$（window）.width（）区别在于，我没有在导航中使用它。我在我的Html-body中使用它。你有绝对位置上的图像吗？我的父div应用了以下CSS：.inlineInfo{底部：0px；高度：55vh；背景色：白色；显示：无；页边距顶部：12.5px；位置：固定；z索引：1010；边框：5px实心#e7e7e7；垂直对齐：中间；填充：10px；}，但我没有。图像在Tabsorry mate之外的另一个div中，但我的意思是…图像有什么类型的css？可能是因为css样式的缘故。img标记所在的div只有pull right类