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 相关文章推荐
JavaScript mapreduce工作原理简析
Nov 25 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
May 19 Javascript
jquery定时滑出可最小化的底部提示层特效代码
Oct 02 Javascript
jQuery+css实现百度百科的页面导航效果
Dec 16 Javascript
jquery实现平滑的二级下拉菜单效果
Aug 26 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
node.js调用Chrome浏览器打开链接地址的方法
May 17 Javascript
微信小程序之页面拦截器的示例代码
Sep 07 Javascript
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
vue动态加载SVG文件并修改节点数据的操作代码
Aug 17 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
Dec 04 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
请离开include_once和require_once
2013/07/18 PHP
PHP COOKIE及时生效的方法介绍
2014/02/14 PHP
linux下php上传文件注意事项
2016/06/11 PHP
php curl获取到json对象并转成数组array的方法
2018/05/31 PHP
javascript addBookmark 加入收藏 多浏览器兼容
2009/08/15 Javascript
有趣的javascript数组定义方法
2010/09/10 Javascript
javascript中的继承实例代码
2011/04/27 Javascript
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
bootstrap table动态加载数据示例代码
2017/03/25 Javascript
JS 实现banner图片轮播效果(鼠标事件)
2017/08/04 Javascript
Angular4实现图片上传预览路径不安全的问题解决
2017/12/25 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
2018/09/21 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
2020/05/25 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
[36:43]NB vs Optic 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
Python学习笔记之函数的定义和作用域实例详解
2019/08/13 Python
Python 脚本的三种执行方式小结
2019/12/21 Python
基于python监控程序是否关闭
2020/01/14 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
Pyspark读取parquet数据过程解析
2020/03/27 Python
CSS3 中的@keyframes介绍
2014/09/02 HTML / CSS
Amaze UI 文件选择域的示例代码
2020/08/26 HTML / CSS
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
大型会议接待方案
2014/03/01 职场文书
早会主持词
2014/03/17 职场文书
危货运输企业安全生产责任书
2014/07/28 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
财务检查整改报告
2014/11/06 职场文书
2015年南京大屠杀纪念日活动总结
2015/03/24 职场文书
会计出纳岗位职责
2015/03/31 职场文书
Spring Data JPA框架的核心概念和Repository接口
2022/04/28 Java/Android
html中两种获取标签内的值的方法
2022/06/16 jQuery