js控制bootstrap警告框弹出

可以使用Bootstrap提供的JavaScript插件来控制警告框的弹出。

首先，在页面中引入Bootstrap的JavaScript文件：

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

然后，在需要弹出警告框的地方添加一个按钮：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">弹出警告框</button>

其中 `data-toggle="modal"` 表示点击按钮时弹出模态框， `data-target="#myModal"` 表示弹出的模态框的ID为myModal。

最后，在页面底部添加警告框的HTML代码：

<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">警告！</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
        <p>这是一条警告信息！</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

其中， `data-dismiss="modal"` 表示点击按钮时关闭模态框。

这样，当点击按钮时，就会弹出警告框。