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 相关文章推荐
js onload事件不起作用示例分析
Oct 09 Javascript
js操纵dom生成下拉列表框的方法
Feb 24 Javascript
javascript常用功能汇总
Jul 05 Javascript
Node.js Express 框架 POST方法详解
Jan 23 Javascript
Node.js中.pfx后缀文件的处理方法
Mar 10 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
Jul 11 Javascript
JS原生数据双向绑定实现代码
Aug 14 Javascript
js 倒计时(高效率服务器时间同步)
Sep 12 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
electron 如何将任意资源打包的方法步骤
Apr 16 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中time()与$_SERVER[REQUEST_TIME]用法区别
2014/11/19 PHP
PHP获取服务器端信息的方法
2014/11/28 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
基于jQuery的一个扩展form序列化到json对象
2010/12/09 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
全面了解构造函数继承关键apply call
2016/07/26 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
2016/08/24 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
使用3D引擎threeJS实现星空粒子移动效果
2020/09/13 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
2018/04/08 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
2018/08/22 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
JS判断数组是否包含某元素实现方法汇总
2020/06/24 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
Python定时执行之Timer用法示例
2015/05/27 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
Python实现查找二叉搜索树第k大的节点功能示例
2019/01/24 Python
Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解
2019/04/26 Python
浅谈Python中re.match()和re.search()的使用及区别
2020/04/14 Python
Python闭包与装饰器原理及实例解析
2020/04/30 Python
Jar包的作用是什么
2014/03/30 面试题
《问银河》教学反思
2014/02/19 职场文书
李培根演讲稿
2014/05/22 职场文书
党的群众路线教育实践活动总结报告
2014/07/03 职场文书
新店开张活动方案
2014/08/24 职场文书
师德师风学习材料
2014/12/19 职场文书
错误码NET::ERR_CERT_DATE_INVALID证书已过期解决方法?
2022/07/07 数码科技