将内容（链接/图像）添加到引导程序 4 弹出窗口中答案

【问题标题】：adding content (link/image) into bootstrap 4 popover将内容（链接/图像）添加到引导程序 4 弹出窗口中
【发布时间】：2021-01-02 05:43:39
【问题描述】：

我正在使用引导程序 4

我在我的代码中使用了这个语法：

      <a class="btn popovers" href="#" data-toggle="popover" data-placement="top" data-content="test content <a href='' title='test add link'>link on content</a>" data-original-title="test title">
        <div class="ui-bullet"></div>
        <strong>Booth 1</strong>
      </a>

但<a> 标签仍然显示如下：

我的代码有什么问题吗？

【问题讨论】：

标签： html laravel bootstrap-4 popover

【解决方案1】：

您可以在弹出跨度上使用data-html="true"。

这会启用 HTML 内容。

在此处查看更多信息：http://getbootstrap.com/docs/4.0/components/popovers/#options

$('[data-toggle="popover"]').popover({html:true});

【讨论】：