Bootstrap对话框使用实例讲解

前端之家收集整理的这篇文章主要介绍了Bootstrap对话框使用实例讲解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

使用模态框的弹窗组件需要三层 div 容器元素

分别为 modal(模态声明层) dialog(窗口声明层) content(内容层)

内容层里面,还有三层,分别为 header(头部)、 body(主体)、 footer(注脚)

一个简单的对话框登陆/注册例子

<Meta charset="UTF-8"> Document

其他方法

显示 $('button').popover('hide'); //隐藏 $('button').popover('toggle'); //反转显示和隐藏 $('button').popover('destroy'); //隐藏并销毁

事件

show.bs.popover ==> 在调用show方法时触发

shown.bs.popover ==> 在显示整个弹窗时触发

hide.bs.popover ===> 在调用hide方法时触发

hidden.bs.popover ==> 在完全关闭整个弹出时触发

如果大家还想深入学习,可以点击进行学习,再为大家附两个精彩的专题:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/45610.html

猜你在找的Bootstrap相关文章