确保已正确引用 Blazor Bootstrap-5 的 CSS 文件。
在组件或页面中添加以下 JavaScript 代码:
window.addEventListener('load', function () {
document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(function (element) {
new bootstrap.Tooltip(element);
});
});
这将在页面加载后初始化浮动提示。
将需要浮动提示的元素添加 data-bs-toggle="tooltip"
属性,并设置 title
属性值为提示文本。
还可以设置其他选项,例如提示位置、样式等。更多信息请参阅 Bootstrap 文档。