Bootstrap学习(十一)
创始人
2024-03-12 20:34:46
0

 模态框使用: 

tab标签页组件

 模态框使用:

 

有属性、方法、事件

 

 

 

  

 fade显示时的渐变动画可加可不加,role是屏幕辅助设备用的 aria-lable屏幕辅助设备用的

 

静态的模态框是不展示的,需要调用展示方法才能展示

 

 

 

 

 

 在中心内容放一个表单:

 

关闭按钮因为有:data-dismiss属性,可以关闭模态框

 可以修改按钮样式

 

 model-header下面的button的×号,有data-dismiss属性关闭模态框

 

 通过按钮触发显示模态框:

 

 

点击添加按钮:

 

其他方法: 

添加一个隐藏按钮:

 

 

 modal中既可以是js对象,还可以是方法

 

 

toggle:是符合属性展示和隐藏

 

 加上fade具有渐变效果:在显示的时候具有慢慢的跳出显示

 

 

 

 

事件用在: show  我们希望在模态框完全展示之后发起一个ajax请求,去查询某个数据,比如添加的时候有一个分类,这个分类来自后台,在模态框完全展示之后发一个异步请求,把异步请求的结果渲染到分类列表 

点击隐藏:

 

tab标签页组件

这个标签页有动态的展示:

 

可以删掉屏幕辅助的:

 

 

 

 

呈现动态的标签页选项卡需要加data-toggle属性,并把选项卡a连接与面选项卡面板联系起来,href对应下面选项卡面板的id 

 

 

 

 

 

 

 

 

 让默认选中:选项卡和面板都是默认选中

 

 

 

 

 

 

在选项卡面板里面:用户列表填充内容用,栅格系统布局:

 

 

 

切换选项卡 

 

 

 

 

 

 

 

 

 

相关内容

热门资讯

AWSECS:访问外部网络时出... 如果您在AWS ECS中部署了应用程序,并且该应用程序需要访问外部网络,但是无法正常访问,可能是因为...
AWSElasticBeans... 在Dockerfile中手动配置nginx反向代理。例如,在Dockerfile中添加以下代码:FR...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
北信源内网安全管理卸载 北信源内网安全管理是一款网络安全管理软件,主要用于保护内网安全。在日常使用过程中,卸载该软件是一种常...
AWR报告解读 WORKLOAD REPOSITORY PDB report (PDB snapshots) AW...
AWS管理控制台菜单和权限 要在AWS管理控制台中创建菜单和权限,您可以使用AWS Identity and Access Ma...
​ToDesk 远程工具安装及... 目录 前言 ToDesk 优势 ToDesk 下载安装 ToDesk 功能展示 文件传输 设备链接 ...
群晖外网访问终极解决方法:IP... 写在前面的话 受够了群晖的quickconnet的小水管了,急需一个新的解决方法&#x...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
Azure构建流程(Power... 这可能是由于配置错误导致的问题。请检查构建流程任务中的“发布构建制品”步骤,确保正确配置了“Arti...