modal模态框插件

时间:2023-03-08 22:27:51

用法:

    <!--模态框-->
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span>&times;</span>
</button>
<h4 class="modal-title">会员登录</h4>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="col-md-4">1</div>
<div class="col-md-4">1</div>
<div class="col-md-4">1</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">登录</button>
<button type="button" class="btn btn-default">注册</button>
</div>
</div>
</div>
</div> <!--点击模态框显示-->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-backdrop="false">登录</button>