第一次打开时,弹出窗口不能正确显示图像。
你知道我怎样才能确保它总是正确显示吗?
https://jsfiddle.net/n2Lfro30/1/
这是按钮:
<button type="button" class="btn btn-primary" data-rel="popover" title="<strong>Heading</strong>" data-placement="right" data-content="<img src='https://picsum.photos/400'>"> Click me </button>
这是JS:
$(document).ready(function() {
$('[data-rel=popover]').popover({
html: true,
trigger: "hover"
});
})
2条答案
按热度按时间lokaqttq1#
您可以使用popover模板属性使popover内的图像具有响应性,也可以使用
img-fluid
类来标记img。第一个
vxf3dgd42#
这听起来像是您希望图像在容器内部能够响应。对于初学者,可以向图像添加样式
width:100%; height:auto
,看看它会做什么。(然后我建议使用css代替内联样式进行重构。)用bootstrap的风格,它会-
https://jsfiddle.net/ho2btzga/