Bootstrap 5 alpha 包和 popper答案

【问题标题】：Bootstrap 5 alpha bundle and popperBootstrap 5 alpha 包和 popper
【发布时间】：2020-06-26 21:48:15
【问题描述】：

如何将 popper 与刚刚发布的 Bootstrap 5 alpha 捆绑在一起？

【问题讨论】：

标签： popper.js bootstrap-5

【解决方案1】：

Bootstrap 5，就像 v4 默认带有 JS 包一样 - Bootstrap JS + popper。你不需要自己做任何事情。

<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.bundle.min.js"></script>

或从https://v5.getbootstrap.com下载完整包

【讨论】：

【解决方案2】：

在两个包之一中包含每个 Bootstrap JavaScript 插件和依赖项。 bootstrap.bundle.js 和 bootstrap.bundle.min.js 都包含用于工具提示和弹出框的 Popper。

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

如果您决定使用单独的脚本解决方案，则必须先使用 Popper（如果您使用的是工具提示或弹出框）。

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>

然后是 JavaScript 插件：

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

【讨论】：