位置: 编程技术 - 正文

Bootstrap每天必学之标签页(Tab)插件(bootstrap要学吗)

编辑:rootadmin

推荐整理分享Bootstrap每天必学之标签页(Tab)插件(bootstrap要学吗),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:bootstrap学习,bootstrap学习,bootstrap要学多久,bootstrap入门,bootstrap基础教程,bootstrap入门,bootstrap学习,bootstrap学习,内容如对您有帮助,希望把文章链接给更多的朋友!

标签页(Tab)通过结合一些 data 属性,您可以轻松地创建一个标签页界面。

"如果您想要单独引用该插件的功能,那么您需要引用 tab.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。"

一、用法您可以通过以下两种方式启用标签页:

通过 data 属性:您需要添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中。

添加 nav 和 nav-tabs 类到 ul 中,将会应用 Bootstrap 标签样式,添加 nav 和 nav-pills 类到 ul 中,将会应用 Bootstrap 胶囊式样式。

通过 JavaScript:您可以使用 Javscript 来启用标签页,如下所示:

下面的实例演示了以不同的方式来激活各个标签页:

二、淡入淡出效果如果需要为标签页设置淡入淡出效果,请添加 .fade 到每个 .tab-pane 后面。第一个标签页必须添加 .in 类,以便淡入显示初始内容,如下面实例所示:

Bootstrap每天必学之标签页(Tab)插件(bootstrap要学吗)

三、方法.$().tab:该方法可以激活标签页元素和内容容器。标签页需要用一个 data-target 或者一个指向 DOM 中容器节点的 href。

四、事件下表列出了标签页(Tab)插件中要用到的事件。这些事件可在函数中当钩子使用。

五、基础实例1.标签页标签页也就是通常所说的选项卡功能。

使用 data-target 绑定或不绑定效果都是一样的

本文系列教程整理到:Bootstrap基础教程 专题中,欢迎点击学习。

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

Bootstrap学习教程

Bootstrap实战教程

Bootstrap Table使用教程

Bootstrap插件使用教程

标签: bootstrap要学吗

本文链接地址:https://www.jiuchutong.com/biancheng/373533.html 转载请保留说明!

上一篇:Bootstrap按钮组件详解(bootstrap按钮的风格有哪些?)

下一篇:Bootstrap网格系统详解(bootstrap 网格)

  • 延期交税的情况有哪些
  • 个体工商户税收优惠政策2023年
  • 兼职会计工资多少钱一个月
  • 老板自己出钱买股票
  • 餐厅打包盒算不算商品
  • 物流进项税
  • 二级分支机构不具有主体生产经营职能
  • 代收款需要开票吗
  • 劳务费专票数量和单价要写吗
  • 树苗应计入什么科目里面
  • 民办非企业单位设立分机构
  • 行政事业单位房产税免征文件
  • 以房屋抵顶的工程叫什么
  • 防伪税控技术维护费是进项还是销项
  • 红字增值税专用发票信息表能作废吗
  • 个人所得税生产经营所得投资者减除费用
  • 最新土地增值税实施细则
  • 固定资产借方表示什么意思
  • 分公司筹备方案
  • 留存收益会计科目编号
  • 已经折旧完的固定资产怎么处理
  • 工资现金发放的零头入账
  • 楷体_gb2312字体
  • 小规模纳税人免增值税的账务处理
  • mac系列电脑
  • uniapp打包成h5如何调用原生
  • php 使用 AWS kinesis
  • laravel 更新数据
  • php怎么取数组
  • 借银行卡给别人过账有什么风险
  • rest for api
  • php调用微信扫描二维码
  • 开具农产品收购发票需要什么资料
  • 劳务支出和应付职工薪酬
  • 外资公司股东
  • dedecms安装及配置
  • 免征增值税的货物
  • 租赁个人房屋租金怎么算
  • 一个残疾证一年单位免多少税2023
  • 银行日记账跨月登记方法
  • 资产负债表中所有者权益合计怎么算
  • 企业付美金外汇要交税吗
  • 固定资产投资额在财务报表中怎么体现
  • 工地会计内账
  • 个体工商户怎么开发票
  • 冲减以前年度管理费用需要更正报表吗
  • 红字发票什么意思怎么做账
  • 劳务公司的成本有哪些
  • 多计提的工资怎么调账
  • 委托加工以受托方核定的数量为计税依据
  • 进项税额已经抵扣会计分录
  • 银行支付结算管理办法
  • 报废半成品怎么做账
  • 开建筑工程公司赚钱吗
  • 贷款的融资担保费
  • 库存商品的成本
  • 税务开票系统如何设置不用重复登录
  • 什么是资产减值准备计提
  • 完全成本法作业成本法变动成本法对企业的影响
  • 车间管理人员工资属于间接费用吗
  • 房地产企业会计科目
  • 做会计的步骤
  • mysql批量执行sql文件工具
  • mysql5.7最新版
  • win8系统打开苹果系统文件
  • 重装系统后win7无法连接到网络
  • 借用自带功能给win8.1系统做开始菜单(不仅仅是一个开始按钮)
  • centos7操作命令
  • javascript标准
  • android中的active_result
  • android实现天气预报
  • jquery中哪个属性判断按钮是否被选择?
  • 关于angularjs1说法,错误的是
  • node.js ajax
  • layout_gravity与gravity的区别
  • python发送信息到微信
  • 电子税务局的社保不能扣款怎么办
  • 四川省税务局发票
  • 公司被分立,应将分立后的单位
  • 个人所得税票样
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设