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 相关文章推荐
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
Mar 07 Javascript
jquery中通过过滤器获取表单元素的实现代码
Jul 05 Javascript
Javascript查询DBpedia小应用实例学习
Mar 07 Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
Jul 04 Javascript
js初始化验证实例详解
Nov 26 Javascript
js 轮播效果实例分享
Dec 28 Javascript
你真的了解BOM中的history对象吗
Feb 13 Javascript
支持移动端原生js轮播图
Feb 16 Javascript
Mac系统下Webstorm快捷键整理大全
May 28 Javascript
Js面试算法详解
Apr 08 Javascript
JavaScript内置对象之Array的使用小结
May 12 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
PHP学习笔记之二
2011/01/17 PHP
PHP错误提示的关闭方法详解
2013/06/23 PHP
PHP函数之日期时间函数date()使用详解
2013/09/09 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
javascript 带有滚动条的表格,标题固定,带排序功能.
2009/11/13 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
AngularJS  双向数据绑定详解简单实例
2016/10/20 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
js实现开启密码大写提示
2016/12/21 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
详解Vue-基本标签和自定义控件
2017/03/24 Javascript
vue 父组件调用子组件方法及事件
2018/03/29 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
2018/10/16 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
[15:46]教你分分钟做大人——沙王
2015/03/11 DOTA
Python实现多行注释的另类方法
2014/08/22 Python
python中对list去重的多种方法
2014/09/18 Python
Python自动生产表情包
2017/03/17 Python
在CentOS6上安装Python2.7的解决方法
2018/01/09 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
Django如何使用第三方服务发送电子邮件
2019/08/14 Python
在pycharm中配置Anaconda以及pip源配置详解
2019/09/09 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
英国复古服装购物网站:Collectif
2019/10/30 全球购物
J2EE系统只能是基于web
2015/09/08 面试题
计算机专业应届毕业生自荐信
2013/09/26 职场文书
综合测评自我鉴定
2013/10/08 职场文书
校领导推荐信
2013/11/01 职场文书
学生会主席事迹材料
2014/01/28 职场文书
公务员党员评议表自我鉴定
2014/09/14 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
Python - 10行代码集2000张美女图
2021/05/23 Python