首页 > 其他 > 详细

bootstrap modal

时间:2017-06-03 14:44:11      阅读:234      评论:0      收藏:0      [点我收藏+]
 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

原文:http://www.cnblogs.com/wrestle-mania/p/6937122.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!