<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
点击弹窗提示
</button>
<!-- 弹窗 -->
<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">×</button>
</div>
<!-- 弹窗内容 -->
<div class="modal-body">
这是一个简单的弹窗提示
</div>
<!-- 弹窗底部 -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
bootstrap点击按钮后弹窗显示内容实例
最新推荐文章于 2024-02-05 02:23:43 发布