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 相关文章推荐
javascript 表单的友好用户体现
Jan 07 Javascript
javascript eval和JSON之间的联系
Dec 31 Javascript
Javascript实现的鼠标经过时播放声音
May 18 Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
Jun 11 Javascript
Jquery树插件zTree实现菜单树
Jan 24 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
JS验证码实现代码
Sep 14 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
详解微信小程序中var、let、const用法与区别
Jan 11 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
Mar 17 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 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 XML error parsing SOAP payload on line 1
2010/06/17 PHP
PHP URL参数获取方式的四种例子
2014/02/28 PHP
PHP获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
Yii调试查看执行SQL语句的方法
2016/07/15 PHP
php5.2的curl-bug 服务器被php进程卡死问题排查
2016/09/19 PHP
自动生成文章摘要的代码[JavaScript 版本]
2007/03/20 Javascript
jQuery中dequeue()方法用法实例
2014/12/29 Javascript
深入理解JavaScript中的对象
2015/06/04 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
js canvas仿支付宝芝麻信用分仪表盘
2016/11/16 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
js实现从左向右滑动式轮播图效果
2017/07/07 Javascript
nodejs基础之常用工具模块util用法分析
2018/12/26 NodeJs
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
深入理解react 组件类型及使用场景
2019/03/07 Javascript
vue-cli4使用全局less文件中的变量配置操作
2020/10/21 Javascript
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python模拟登录12306的方法
2014/12/30 Python
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
Python Django简单实现session登录注销过程详解
2019/08/06 Python
pytorch 批次遍历数据集打印数据的例子
2019/12/30 Python
浅谈matplotlib 绘制梯度下降求解过程
2020/07/12 Python
利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境
2020/11/01 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
HTML5 canvas基本绘图之图形变换
2016/06/27 HTML / CSS
美国电视购物:QVC
2017/02/06 全球购物
几个数据库方面的面试题
2016/07/01 面试题
建筑行业的大学生自我评价
2013/12/08 职场文书
大学毕业生自荐书怎么写?
2014/01/06 职场文书
乡镇消防安全责任书
2014/07/23 职场文书
股东授权委托书
2014/10/15 职场文书
试用期自我评价范文
2015/03/10 职场文书
导游词之藏龙百瀑景区
2019/12/30 职场文书
使用CSS实现百叶窗效果示例代码
2023/05/07 HTML / CSS