Html 引导4<；ul>；动态导航制表符打断布局的制表符内容

我正在使用Bootstrap4中的动态导航选项卡，并向每个选项卡添加内容。一旦我在第一个选项卡中添加了无序列表，离开该选项卡会破坏布局（水平移动）。我不确定我做错了什么

编辑：新建JSFIDLE

---

如果您取消注释

布局中断发生。

如果取消注释
布局中断发生。

。。。我在你的代码中看不到任何注释的

ul

。也不确定为什么注释标签没有粘贴在JSFIDLE中。。。这是2

s，就在

服务标题下方

我正在使用您的小提琴，没有错误，它工作正常…即使在取消注释

s之后？你没有看到内容向左移动大约10像素吗？然后在单击另一个选项卡后跳回？现在我真的很困惑。