前端必知必会-Bootstrap 5 Popover

---

Bootstrap 5 Popover

Popover 组件类似于工具提示；它是一个弹出框，当用户单击元素时出现。不同之处在于，popover 可以包含更多内容。

如何创建 Popover

要创建 popover，请将 data-bs-toggle=“popover” 属性添加到元素。

使用 title 属性指定 popover 的标题文本，并使用 data-bs-content 属性指定应在 popover 主体内显示的文本：

<button type="button" class="btn btn-primary" data-bs-toggle="popover" title="Popover Header" data-bs-content="Some content inside the popover">Toggle popover</button>

注意：必须使用 JavaScript 初始化 Popover 才能工作。

以下代码将启用文档中的所有弹出窗口：

示例

<script>
var popoverTriggerList = [].slice.call(document.