<div class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> <p>One fine body…</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->
时间: 2023-10-15 17:02:30 浏览: 134
Bootstrap modal使用及点击外部不消失的解决方法
这是一个Bootstrap框架中的模态框(Modal)。它可以在网页中显示一个弹出窗口,用于显示重要的信息或者交互操作。模态框包含一个标题栏、内容区域和底部按钮区域。用户可以通过点击背景区域或者关闭按钮来关闭模态框。在这个例子中,模态框的标题是"Modal title",内容区域显示了"One fine body",底部有一个"Close"按钮和一个"Save changes"按钮。
阅读全文