更改引导工具提示在移动屏幕上的位置

Question

我想将引导工具提示的数据位置从右更改为仅针对移动屏幕的左。现在它只显示右边，仅适用于桌面屏幕。我怎样才能做到这一点？

            <a class="tooltip" href="javascript:;" data-toggle="tooltip" data-trigger="hover" data-placement="right" title="I am your tooltip">?</a>

Answer 1

您可以使用

window.onresize事件，它将检测屏幕大小，如果屏幕尺寸小于768px，它将更改 #myDiv 工具提示位置。

$(window).on('resize', function() {
    var pos = ($(window).width() < 768) ? 'left' : 'top';
    $("#myDiv").tooltip({'placement': pos});
}).trigger('resize');