javascript - Bootstrap 4 工具提示未居中

Question

我的工具提示出现奇怪的结果。它们没有正确居中。

请看这个 fiddle :https://jsfiddle.net/uf0epmxm/6/

我完全不知道为什么会这样。我在 fiddle 中复制了它。当您将鼠标悬停在“添加 Angular 色”按钮上时，您可以看到它没有居中:

<button type="button" class="btn btn-primary" data-modal="http://laraback.dev/roles/add" data-toggle="tooltip" title="Add">Add Role</button>

我注意到的一件事是，如果我完全移除顶部的蓝色导航栏，它会正确居中。

感谢您的帮助。

Answer 1

我通过在侧边栏上使用 flex: 0 0 250px 并在内容 div 上使用 flex: 0 0 auto 而不是最小和最大宽度来解决这个问题。