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 07 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
Jun 25 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
全面解析多种Bootstrap图片轮播效果
May 27 Javascript
Angularjs实现mvvm式的选项卡示例代码
Sep 08 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
Jan 13 Javascript
JavaScript 事件对内存和性能的影响
Jan 22 Javascript
利用Node.js对文件进行重命名
Mar 12 Javascript
elementUI 动态生成几行几列的方法示例
Jul 11 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
Sep 23 Javascript
JS实现简易留言板特效
Dec 23 Javascript
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 Vue.js
如何制作幻灯片(代码分享)
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/06/09 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
基于thinkphp6.0的success、error实现方法
2019/11/05 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
jQuery TextBox自动完成条
2009/07/22 Javascript
jquery绑定原理 简单解析与实现代码分享
2011/09/06 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
jQuery实现根据滚动条位置加载相应内容功能
2016/07/18 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
对Angular中单向数据流的深入理解
2018/03/31 Javascript
js canvas实现写字动画效果
2018/11/30 Javascript
如何测量vue应用运行时的性能
2019/06/21 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
2019/09/18 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
Vue如何基于vue-i18n实现多国语言兼容
2020/07/17 Javascript
详细解读Python中的__init__()方法
2015/05/02 Python
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
详解Django中间件执行顺序
2018/07/16 Python
python实现超级玛丽游戏
2020/03/18 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
社区端午节活动方案
2014/01/28 职场文书
yy生日主持词
2014/03/20 职场文书
网络信息安全承诺书
2014/03/26 职场文书
python3中apply函数和lambda函数的使用详解
2022/02/28 Python