zoukankan      html  css  js  c++  java
  • 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",之前一直是复制粘贴的,终于发现这个问题了,记录一下。

  • 相关阅读:
    yii2框架安装
    RabbitMq简单应用
    PHP扩展开发--编写一个helloWorld扩展
    node 笔记整理
    js 笔记整理
    JavaScript event loop事件循环 macrotask与microtask
    移动端 缩放插件备份
    vue 笔记备份
    echart 打开新世界的大门
    canvas 笔记整理
  • 原文地址:https://www.cnblogs.com/wrestle-mania/p/6937122.html
Copyright © 2011-2022 走看看