Bootstrap5中的工具提示和弹出框不起作用

在Bootstrap 5中，工具提示和弹出框需要使用Popper.js库来初始化。你可以通过在HT ML 文件中添加以下代码来引用Popper.js和Bootstrap的JavaS cr i pt 文件：

<script src="https://unpkg.com/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
注意，你必须使用Bootstrap的bundled JavaScript文件，而不是单独的JavaScript文件。
在HTML代码中，将工具提示和弹出框添加到相应元素的'data-bs-toggle”和'data-bs-content”属性中。例如：
<button type="button" class="btn btn-primary" data-bs-toggle="popover" data-bs-content="Hello, world!">点击我</button>
在JavaScript代码中，使用以下代码初始化弹出框：
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  return new bootstrap.Popover(popoverTriggerEl)
这将初始化所有具有'data-bs-toggle”属性的元素，并使它们的弹出框起作用。
要初始化工具提示，请使用以下代码：
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
  return new bootstrap.Tooltip(tooltipTriggerEl)
同样，这将初始化所有具有'data-bs-toggle”属性的元素，并使其工具提示起作用。
这些代码示例将确保你的工具提示和弹出框在Bootstrap 5中正常工作。