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自动切换/点击切换选项卡效果的小例子
Aug 12 Javascript
jquery禁用右键示例
Apr 28 Javascript
javascript抽象工厂模式详细说明
Dec 16 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
Mar 13 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
如何获取元素的最终background-color
Feb 06 Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
Mar 19 jQuery
vue开发中遇到的问题总结
Apr 07 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
微信小程序自定义顶部组件customHeader的示例代码
Jun 03 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
解析wamp5下虚拟机配置文档
2013/06/27 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
SWFObject Flash js调用类
2008/07/08 Javascript
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
有关DOM元素与事件的3个谜题
2010/11/11 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
jQuery中andSelf()方法用法实例
2015/01/08 Javascript
javascript Promise简单学习使用方法小结
2016/05/17 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
Vue组件通信中非父子组件传值知识点总结
2019/12/05 Javascript
python发送伪造的arp请求
2014/01/09 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
python 中的int()函数怎么用
2017/10/17 Python
python 接口测试response返回数据对比的方法
2018/02/11 Python
Flask框架Flask-Principal基本用法实例分析
2018/07/23 Python
Python使用reportlab模块生成PDF格式的文档
2019/03/11 Python
利用Python实现手机短信监控通知的方法
2019/07/22 Python
对tensorflow中的strides参数使用详解
2020/01/04 Python
在django admin中配置搜索域是一个外键时的处理方法
2020/05/20 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
趣天网日本站:Qoo10 JP
2019/09/18 全球购物
Vita Fede官网:在意大利手工制作,在纽约市设计
2019/10/25 全球购物
自我介绍演讲稿
2014/01/15 职场文书
霸气队列口号
2014/06/18 职场文书
法人委托书
2014/07/31 职场文书
研修心得体会
2014/09/04 职场文书
小学运动会报道稿
2014/10/04 职场文书
2014年党建工作总结
2014/11/11 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers