Bootstrap 4 tooltip 位置：auto right

Question

我希望我的工具提示位于桌面元素的右侧，因为它最适合我的设计。然而，这在较小的屏幕上工作时会引发问题。 bootstrap 3 文档说它支持自动右放置，这应该更喜欢右边的工具提示，如果这不切实际，它会自动选择一边。我正在使用 bootstrap 4，我尝试使用该选项，但它不起作用。

有什么方法可以在 bootstrap 4 中实现相同的结果？

Answer 1

如果使用 'right auto' 不起作用，您可以使用函数 return 基于屏幕尺寸的值：

placement: function() {
    return $(window).width() > 767 ? 'right' : 'auto';
}

这不是响应式解决方案，因为如果 window 尺寸发生变化，它不会更新，但在大多数情况下应该会更新。如果您想要完全响应的行为，您将需要 re-initialize 大小更改的工具提示。