为什么我的警告框关闭不了

Question

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

在 Bootstrap 中，警告框默认是显示的。如果你想要关闭它，可以使用 data-dismiss 属性设置为 'alert'。

以下是如何实现的示例：

<div class="alert alert-success" style="margin: 0 100px;">
  我是一个成功警告框！请下载<a href="#" class="alert-link">最新版本</a>
  <button class="close" data-dismiss="alert">
    <span>&times;</span>
  </button>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

在这个例子中，我们添加了一个额外的 CSS 样式来控制警告框的位置和大小，并使用了 jQuery 来管理警告框的关闭。