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控制css中的float的代码
Aug 16 Javascript
jQuery prev ~ siblings选择器使用介绍
Aug 09 Javascript
Javascript 遍历页面text控件详解
Jan 06 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
Nov 24 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
jQuery实现边框动态效果的实例代码
Sep 23 Javascript
vue几个常用跨域处理方式介绍
Feb 07 Javascript
vue2.0模拟锚点的实例
Mar 14 Javascript
js计算最大公约数和最小公倍数代码实例
Sep 11 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
Jun 22 Javascript
js实现表格数据搜索
Aug 09 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
一个简单的域名注册情况查询程序
2006/10/09 PHP
PHP insert语法详解
2008/06/07 PHP
PHP 编程的 5个良好习惯
2009/02/20 PHP
php Undefined index的问题
2009/06/01 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
文本框中,回车键触发事件的js代码[多浏览器兼容]
2010/06/07 Javascript
基于jQuery制作迷你背词汇工具
2010/07/27 Javascript
基于jquery创建的一个图片、视频缓冲的效果样式插件
2012/08/28 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
javascript完美拖拽的实现方法
2013/09/29 Javascript
JQuery each打印JS对象的方法
2013/11/13 Javascript
javascript中Object使用详解
2015/01/26 Javascript
jQuery简单获取键盘事件的方法
2016/01/22 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
微信小程序左右滑动的实现代码
2017/12/15 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
python连接oracle数据库实例
2014/10/17 Python
Python实现的括号匹配判断功能示例
2018/08/25 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
Django models文件模型变更错误解决
2020/05/11 Python
tensorflow实现从.ckpt文件中读取任意变量
2020/05/26 Python
Python爬虫新手入门之初学lxml库
2020/12/20 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
土木工程个人自荐信范文
2013/11/30 职场文书
小学生红领巾广播稿
2014/01/21 职场文书
森林防火标语
2014/06/23 职场文书
公司市场部岗位职责
2015/04/15 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
Pytorch GPU内存占用很高,但是利用率很低如何解决
2021/06/01 Python
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS
Nginx虚拟主机的配置步骤过程全解
2022/03/31 Servers