如何禁用Bootstrap中Tooltip的位置自动切换功能？

Bootstrap Tooltip默认会在目标元素超出视口范围时自动切换提示框位置，要彻底禁用这个自动调整行为，让Tooltip始终固定在顶部，你需要在初始化时添加额外配置：

针对Bootstrap 4及以上版本 #

直接通过fallbackPlacement参数关闭位置 fallback 逻辑，同时指定固定位置：

$('[data-toggle="tooltip"]').tooltip({
  placement: 'top',
  fallbackPlacement: [] // 空数组表示不启用任何备选位置
});

针对Bootstrap 3版本 #

Bootstrap 3没有fallbackPlacement参数，你可以通过自定义placement函数强制返回固定位置：

$('[data-toggle="tooltip"]').tooltip({
  placement: function() {
    // 忽略所有自动计算逻辑，强制返回top
    return 'top';
  }
});

配置完成后，无论目标元素处于屏幕的哪个位置，Tooltip都会始终显示在顶部，不会自动切换位置。

内容的提问来源于stack exchange，提问作者Дархан Аманбек