html - 在 bootstrap popover 中弹出 html 内容

Question

我写这段代码是为了将 html 放入弹出框:

<span class="glyphicon glyphicon-envelope" data-placement="bottom" data-toggle="popover" title="Popover Header" data-content="<div id='custom_tooltip_text' style='width: 300px; height: 250px; background-color: red;'>
<a href='#'>link 1</a>
<a href='#'>link 1</a>
<a href='#'>link 1</a>
<a href='#'>link 1</a>
<a href='#'>link 1</a>
</div>"    
<span class="badge" id="badge_message">5</span>
</span>

结果:

弹出的html内容

我该如何解决？

Answer 1

您必须将 max-width 取消设置为您的 popover 类:

CSS

.popover{max-width: inherit;}

Bootstrap :https://www.bootply.com/xLV7f6JHE5