当我切换到平板电脑尺寸或手机尺寸时，按钮不起作用，我该如何修复它？

Answer 1

在 Bootstrap 5 中，确保您已经导入了

popper.min.js

和

bootstrap.min.js

。

示例：

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

Answer 2

1. 请检查您的 bootstrap 版本，确保您使用的 bootstrap 版本支持 data-bs-toggle 属性。
2. 确保包含 Bootstrap 和 CSS，只需仔细检查是否已将它们正确包含在 HTML 中。
3. Viewport 元标记：此标记对于在移动设备中正确缩放是必需的。

<meta name="viewport" content="width=device-width, initial-scale=1">