【问题标题】：Changing position of Bootstrap tooltip on Mobile Screen在移动屏幕上更改引导工具提示的位置
【发布时间】：2018-04-17 21:54:11
【问题描述】：
我想将 Bootstrap 工具提示的数据布局从右侧更改为 左侧，仅适用于移动屏幕。现在它只显示正确，ok仅适用于桌面屏幕。我怎样才能做到这一点？
<a class="tooltip" href="javascript:;" data-toggle="tooltip" data-trigger="hover" data-placement="right" title="I am your tooltip">?</a>
【问题讨论】：
标签：
jquery
twitter-bootstrap
【解决方案1】：
你可以使用 window.onresize 事件，它会检测屏幕尺寸，如果屏幕尺寸小于 768px，它会改变#myDiv 工具提示的位置。
$(window).on('resize', function() {
var pos = ($(window).width() < 768) ? 'left' : 'top';
$("#myDiv").tooltip({'placement': pos});
}).trigger('resize');