Bootstrap 4 弹出框（Popovers）

Bootstrap 4 弹出框（Popovers）

弹出框（Popovers）是Bootstrap 4框架中提供的一种交互式组件，用于在用户点击或鼠标悬停在某个元素上时显示额外的信息。弹出框通常用于提供描述、说明或操作指南，是增强用户体验的有效方式。

简介

Bootstrap 4的弹出框基于Popper.js库，这是一个用于定位弹出框和工具提示的库。Popper.js确保弹出框始终位于视口内，并根据需要自动调整位置。

使用方法

要使用Bootstrap 4的弹出框，首先需要在页面中包含Bootstrap的CSS和JavaScript文件，以及Popper.js库。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.9.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

然后，可以在任何元素上添加data-toggle="popover"属性，并设置title和data-content属性来自定义弹出框的标题和内容。

<button type="button" class="btn btn-lg btn-dang