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的获得各种控件Value的方法
Nov 19 Javascript
自己动手开发jQuery插件教程
Aug 25 Javascript
根据邮箱的域名跳转到相应的登录页面的代码
Feb 27 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
Aug 19 Javascript
日常收集整理的JavaScript常用函数方法
Dec 10 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
javascript中this关键字详解
Dec 12 Javascript
微信小程序 Template详解及简单实例
Jan 05 Javascript
利用C/C++编写node.js原生模块的方法教程
Jul 07 Javascript
webpack实现热加载自动刷新的方法
Jul 30 Javascript
jQuery实现全选按钮
Jan 01 jQuery
关于element的表单组件整理笔记
Feb 05 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 常用数组内部函数(Array Functions)介绍
2013/06/05 PHP
PHP遍历某个目录下的所有文件和子文件夹的实现代码
2013/06/28 PHP
php 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
PHP的mysqli_thread_id()函数讲解
2019/01/24 PHP
javascript indexOf函数使用说明
2008/07/03 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
2013/01/25 Javascript
js获取元素外链样式的方法
2015/01/27 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
2015/06/18 Javascript
详解JS正则replace的使用方法
2016/03/06 Javascript
Augularjs-起步详解
2016/07/08 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
2016/09/02 Javascript
js模拟微博发布消息
2017/02/23 Javascript
gulp解决跨域的配置文件问题
2017/06/08 Javascript
vue打包之后生成一个配置文件修改接口的方法
2018/12/09 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
[42:50]NB vs VP 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[44:22]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第一场 11.01
2020/11/02 DOTA
python re正则表达式模块(Regular Expression)
2014/07/16 Python
把项目从Python2.x移植到Python3.x的经验总结
2015/04/20 Python
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
Python实现识别手写数字大纲
2018/01/29 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
Python3.7 基于 pycryptodome 的AES加密解密、RSA加密解密、加签验签
2019/12/04 Python
Python实现子类调用父类的初始化实例
2020/03/12 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
Monnier Frères美国官网:法国知名奢侈品网站
2016/11/22 全球购物
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
意大利独特而优质的家居用品:Fazzini
2018/12/05 全球购物
机关门卫岗位职责
2013/12/30 职场文书
戒赌保证书
2015/05/11 职场文书
收入证明申请书
2015/06/12 职场文书
业务员管理制度范本
2015/08/06 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书
新学期新寄语,献给新生们!
2019/11/15 职场文书
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python