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实现的listview效果
Apr 28 Javascript
学习ExtJS TextField常用方法
Oct 07 Javascript
javascript 三种编解码方式
Feb 01 Javascript
javascript 实用的文字链提示框效果
Jun 30 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
js实现仿Discuz文本框弹出层效果
Aug 13 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
Javascript仿京东放大镜的效果
Mar 01 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
Mar 02 Javascript
Angular组件化管理实现方法分析
Mar 17 Javascript
将Sublime Text 3 添加到右键中的简单方法
Dec 12 Javascript
全站最详细的Vuex教程
Apr 13 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 静态化实现代码
2009/03/20 PHP
php关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
PHP实现算式验证码和汉字验证码实例
2015/03/09 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
Yii框架安装简明教程
2020/05/15 PHP
PHP7新特性
2021/03/09 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
jquery 插件开发 extjs中的extend用法小结
2013/01/04 Javascript
jQuery方法简洁实现隔行换色及toggleClass的使用
2013/03/15 Javascript
js导出格式化的excel 实例方法
2013/07/17 Javascript
调用innerHTML之后onclick失效问题的解决方法
2014/01/28 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
JavaScript跨域调用基于JSON的RESTful API
2016/07/09 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
angularjs 的数据绑定实现原理
2018/07/02 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
vue router动态路由设置参数可选问题
2019/08/21 Javascript
Vue.js实现大屏数字滚动翻转效果
2019/11/29 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
Python入门篇之函数
2014/10/20 Python
Python实现计算最小编辑距离
2016/03/17 Python
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
python2.6.6如何升级到python2.7.14
2018/04/08 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
html5指南-6.如何创建离线web应用程序实现离线访问
2013/01/07 HTML / CSS
Linux文件操作命令都有哪些
2016/07/23 面试题
全国文明单位申报材料
2014/05/31 职场文书
暑期社会实践心得体会
2014/09/02 职场文书
终止合同协议书范本
2016/03/22 职场文书
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS