BootStrap3中模态对话框的使用

 更新时间:2017年01月06日 16:42:09   作者:noyes_bao  
这篇文章主要介绍了BootStrap3中模态对话框的使用的相关资料,需要的朋友可以参考下

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中模态对话框的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • js常用函数push()、pop()、shift()、unshift()、slice()和splice()等详解

    js常用函数push()、pop()、shift()、unshift()、slice()和splice()等详解

    这篇文章主要给大家介绍了关于js常用函数push()、pop()、shift()、unshift()、slice()和splice()等的相关资料,js中数组操作函数还是非常多的,今天忽然想到来总结一下,也算是温故而知新吧,需要的朋友可以参考下
    2023-11-11
  • js实现多个倒计时并行 js拼团倒计时

    js实现多个倒计时并行 js拼团倒计时

    这篇文章主要为大家详细介绍了js实现多个倒计时并行功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • 简述冻结JS对象方法技术

    简述冻结JS对象方法技术

    本文主要介绍了冻结JS对象方法技术,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • JS小游戏之宇宙战机源码详解

    JS小游戏之宇宙战机源码详解

    这篇文章主要介绍了JS小游戏之宇宙战机源码,是一款非常经典的游戏源码,包含了游戏设计中比较常见的逻辑处理,本文附带了该游戏的完整源码,需要的朋友可以参考下
    2014-09-09
  • JavaScript常见事件处理程序实例总结

    JavaScript常见事件处理程序实例总结

    这篇文章主要介绍了JavaScript常见事件处理程序,结合实例形式总结分析了javascript HTML事件、DOM事件、IE事件等相关处理程序与操作技巧,需要的朋友可以参考下
    2019-01-01
  • ES6使用 Array.includes 处理多重条件用法实例分析

    ES6使用 Array.includes 处理多重条件用法实例分析

    这篇文章主要介绍了ES6使用 Array.includes 处理多重条件用法,结合实例形式分析了Array.includes基本功能、原理及处理多重条件相关操作技巧,需要的朋友可以参考下
    2020-03-03
  • layui实现左侧菜单点击右侧内容区显示

    layui实现左侧菜单点击右侧内容区显示

    这篇文章主要为大家详细介绍了layui实现左侧菜单点击右侧内容区显示,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • 前端性能优化建议

    前端性能优化建议

    这篇文章主要分享了一些前端性能优化的建议,帮助大家提高页面性能,感兴趣的朋友可以了解下
    2020-09-09
  • js location.replace与location.reload的区别

    js location.replace与location.reload的区别

    js location.replace与location.reload的区别,经常能用的到,需要的朋友可以可以下。
    2010-09-09
  • Javascript Cookie读写删除操作的函数

    Javascript Cookie读写删除操作的函数

    Javascript Cookie读写删除操作的函数代码,需要操作cookies的朋友可以参考下。
    2010-03-03

最新评论