慕丝1033313
2017-07-06 10:15
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">弹窗</button>
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal">
<span>×</span><span class="sr-only">关闭弹窗</span>
</button>
<h4 class="modal-title" id="myModalLabel">这是弹窗</h4>
</div>
<div class="modal-body">
这是弹窗内容!
</div>
<div class="modal-footer">
<button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
<button class="btn btn-primary" type="button" >保存</button>
</div>
</div>
</div>
</div>
当然可以,触发模态弹出框可以通过自定义属性,也可以通过javascript来触发,你这个就是通过自定义data属性来触发了
玩转Bootstrap(基础)
314546 学习 · 2275 问题
相似问题