如何通过在线工具自定义引导5？
如何通过在线工具自定义引导5？
提问于 2022-06-16 12:05:28
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-06-16 16:00:15
虽然靴带文件暗示需要一个绑定器来加载特定的引导组件脚本文件，但是您可以简单地使用ES6进口来配置加载的内容。浏览器支持很好。
这样你就不会加载全面的dist文件了。您将加载一个自定义脚本，该脚本导入所需内容，并对应于所使用的SCSS文件。看起来会是这样的：
<head>
<script src="https://cdnjs.../popper.js/.../popper.min.js"></script>
<script type="module">
import '/bootstrap/main/js/dist/tooltip.js';
</script>
<script>
let tooltipTriggerList = []
.slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
let tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
</head>
<body class="p-4">
<p title="A tooltip." data-bs-toggle="tooltip">Hover for a Bootstrap Tooltip.</p>
</body>请注意，导入的脚本文件必须与适当的CORS、标头和MIME类型application/javascript一起使用，否则会出现错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72645539
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号