BootStrap3中模态对话框的使用


Posted in Javascript onJanuary 06, 2017

1.引入jQuery.min.js;

2.引入bootstrap-modal.js;

3.操作按钮:<a href="#edit" data-toggle="modal">修改</a>

4.模态框

<div class="modal fade" id="edit">
    <div class="modal-dialog ">
      <div class="modal-content">
        <div class="modal-header">
<h3 class="modal-title">头标题</h3>   
            <a class="close" data-dismiss="modal">
              <span>关闭</span>
            </a>
        </div>
        <div class="modal-body">
          内容
        </div>
        <div class="modal-footer">
  <!--脚-->
          <a class="btn btn-default " data-dismiss="modal">关闭</a>
        </div>
      </div>
    </div>
  </div>

以上所述是小编给大家介绍的BootStrap3中模态对话框的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery select选中的一个小问题
Oct 11 Javascript
js/jQuery简单实现选项卡功能
Jan 02 Javascript
javascript实现瀑布流加载图片原理
Feb 02 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
php输出全部gb2312编码内的汉字方法
Mar 04 Javascript
jQuery实现字符串全部替换的方法【推荐】
Mar 09 Javascript
webpack4.0打包优化策略整理小结
Mar 30 Javascript
angularjs 的数据绑定实现原理
Jul 02 Javascript
基于vue循环列表时点击跳转页面的方法
Aug 31 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
Nov 13 Javascript
Openlayers测量距离与面积的实现方法
Sep 25 Javascript
如何制作幻灯片(代码分享)
Jan 06 #Javascript
微信小程序 支付简单实例及注意事项
Jan 06 #Javascript
微信小程序-拍照或选择图片并上传文件
Jan 06 #Javascript
ajax异步请求详解
Jan 06 #Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 #Javascript
微信小程序 二维码canvas绘制实例详解
Jan 06 #Javascript
微信小程序 小程序制作及动画(animation样式)详解
Jan 06 #Javascript
You might like
我的论坛源代码(九)
2006/10/09 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
php实现文章评论系统
2019/02/18 PHP
Jquery写一个鼠标拖动效果实现原理与代码
2012/12/24 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
2015/04/06 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
js canvas实现擦除动画
2016/07/16 Javascript
JS对大量数据进行多重过滤的方法
2016/11/04 Javascript
JavaScript仿微博发布信息案例
2016/11/16 Javascript
值得分享的Bootstrap Table使用教程
2016/11/23 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
react redux入门示例
2018/04/19 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
[50:02]完美世界DOTA2联赛PWL S2 Magma vs FTD 第三场 11.29
2020/12/03 DOTA
实例讲解Python编程中@property装饰器的用法
2016/06/20 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
python实现名片管理系统项目
2019/04/26 Python
处理python中多线程与多进程中的数据共享问题
2019/07/28 Python
使用python实现unix2dos和dos2unix命令的例子
2019/08/13 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
python实现坦克大战
2020/04/24 Python
CSS3使用transition实现的鼠标悬停淡入淡出
2015/01/09 HTML / CSS
HTML5和CSS3实例教程总结(推荐)
2016/07/18 HTML / CSS
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
WoolOvers爱尔兰:羊绒、羊毛和棉针织品
2017/01/04 全球购物
药品采购员岗位职责
2014/02/08 职场文书
综合实践活动方案
2014/02/14 职场文书
中药学专业求职信
2014/05/31 职场文书
会议接待欢迎标语
2014/10/08 职场文书
2015年售后服务工作总结
2015/04/25 职场文书
学会感恩主题班会
2015/08/12 职场文书
同学会演讲稿
2019/04/02 职场文书