$(function (){
 $("[data-toggle='popover']").popover({
  trigger: 'hover'
 });
});

<div class="col-md-1">
 ...
 <img src="/UploadFiles/2021-04-02/...">

效果

不过解决起来很简单，只需在初始化的时候添加一个container属性就可以了：


$(function (){
 $("[data-toggle='popover']").popover({
  trigger: 'hover',
 container: 'body'
 });
});


我们把容器设置成整个页面的body，这样popover就有足够宽的地方了。

实际上在官网上对container的作用是有说明的地址  ，只是没有注意到：
Appends the popover to a specific element. Example: container: 'body'. This option is particularly useful in that it allows you to position the popover in the flow of the document near the triggering element - which will prevent the popover from floating away from the triggering element during a window resize.
以上所述是小编给大家介绍的Bootstrap弹出框（Popover）被挤压的问题小结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！