Bootstrap 5 alpha包和popper

Question

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

Answer 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下载完整的软件包

Answer 2

包括每个Bootstrap JavaScript插件和两个捆绑包之一的依赖项。bootstrap.bundle.js和bootstrap.bundle.min.js都包含用于工具提示和弹出窗口的弹出器。

<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>