Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/windows/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导带4工具提示位置:自动右键_Javascript_Html_Jquery_Bootstrap 4_Popper.js - Fatal编程技术网

Javascript 引导带4工具提示位置:自动右键

Javascript 引导带4工具提示位置:自动右键,javascript,html,jquery,bootstrap-4,popper.js,Javascript,Html,Jquery,Bootstrap 4,Popper.js,我希望我的工具提示位于桌面元素的右侧,因为它最适合我的设计。但是,在较小屏幕上工作时,这会引发一个问题。Bootstrap3文档说它支持自动右放置,这应该更喜欢右边的工具提示,如果这是不切实际的,它将自动拾取一侧。我使用的是Bootstrap4,我尝试过使用这个选项,但它不起作用 有没有办法在bootstrap 4中获得相同的结果?如果使用“右自动”无效,您可以使用函数根据屏幕大小返回值: placement: function() { return $(window).width()

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


有没有办法在bootstrap 4中获得相同的结果?

如果使用“右自动”无效,您可以使用函数根据屏幕大小返回值:

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

这不是一个响应迅速的解决方案,因为它不会在窗口大小改变时更新,但在大多数情况下应该会更新。如果您想要完全响应的行为,您需要在大小更改时重新初始化工具提示。

如果使用“右自动”无效,您可以使用函数根据屏幕大小返回值:

placement: function() {
    return $(window).width() > 767 ? 'right' : 'auto';
}
这不是一个响应迅速的解决方案,因为它不会在窗口大小改变时更新,但在大多数情况下应该会更新。如果您想要完全响应行为,则需要在大小更改时重新初始化工具提示