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实现self的resend
Jul 22 Javascript
JQuery之focus函数使用介绍
Aug 20 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
Jun 19 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
Apr 04 Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 Javascript
微信小程序的授权实现过程解析
Aug 02 Javascript
微信头像地址失效踩坑记附带解决方案
Sep 23 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
Oct 20 Javascript
JavaScript实现页面高亮操作提示和蒙板
Jan 04 Javascript
JS轻量级函数式编程实现XDM三
Jun 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日历[测试通过]
2008/03/27 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
Laravel多域名下字段验证的方法
2019/04/04 PHP
js中window.open()的所有参数详细解析
2014/01/09 Javascript
JQuery中DOM加载与事件执行实例分析
2015/06/13 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
AngularJs Understanding the Controller Component
2016/09/02 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
js 取消页面可以选中文字的功能方法
2018/01/02 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
[44:22]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第一场 11.01
2020/11/02 DOTA
python入门之语句(if语句、while语句、for语句)
2015/01/19 Python
利用Python2下载单张图片与爬取网页图片实例代码
2017/12/25 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
Python实现统计英文文章词频的方法分析
2019/01/28 Python
Python 中包/模块的 `import` 操作代码
2019/04/22 Python
python实现文件的备份流程详解
2019/06/18 Python
Python中remove漏删和索引越界问题的解决
2020/03/18 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
十八大感想感言
2014/02/10 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
操行评语大全
2014/04/30 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
2016医师资格考试考生诚信考试承诺书
2016/03/25 职场文书
python 下载文件的几种方式分享
2021/04/07 Python
js中Object.create实例用法详解
2021/10/05 Javascript
vue-treeselect的基本用法以及解决点击无法出现拉下菜单
2022/04/30 Vue.js
解决 redis 无法远程连接
2022/05/15 Redis
html中两种获取标签内的值的方法
2022/06/16 jQuery
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android
css弧边选项卡的项目实践
2023/05/07 HTML / CSS