首页 > 代码库 > bootstrap modal

bootstrap modal

 1 <div class="modal fade" id="bulkAdd"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 2     <div class="modal-dialog" role="document">
 3         <div class="modal-content">
 4             <div class="modal-header">
 5                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 6                 <h4 class="modal-title">批量添加房屋提醒:</h4>
 7             </div>
 8             <div class="modal-body">
 9                 确定要批量添加<span style="font-weight: bold;font-size: 26px;"></span>套房子到该小区吗?
10             </div>
11             <div class="modal-footer">
12                 <button type="button" class="btn btn-default" data-dismiss="modal" data-toggle="modal">取消</button>
13                 <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal">确定</button>
14             </div>
15         </div>
16     </div>
17 </div>

注意modal-footer中的参数,如果想给一个按钮绑定一个模态框的话,需要设置参数data-toggle="modal",之前一直是复制粘贴的,终于发现这个问题了,记录一下。

bootstrap modal