位置: 编程技术 - 正文

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 网格)

  • 金税盘开票软件服务电话
  • 购买土地使用权契税的会计分录
  • 已经抵扣的进项税额转出怎么申报
  • 科技公司技术服务费计入什么科目
  • 税负率是按月来算吗
  • 生鲜配送公司财务制度
  • 批量转账和代发工资
  • 在建工程明细账采用什么账簿
  • 毛利和销售毛利
  • 发票开票人是管理员可以吗
  • 冲销暂估入库如何做会计核算?
  • 海关未抵扣证明
  • 实收资本印花税怎么申报税目
  • 企业进货不收发票怎么做帐?
  • 视同销售存货账务处理方法是什么?
  • 未到期责任准备计入什么科目
  • 固定资产处理申请
  • 案例分析小规模纳税人月销售不足3万如何处理?
  • 年初未分配利润加本年净利润等于
  • 工资薪金支出税收金额怎么算
  • 源泉扣缴税率是多少
  • 红字发票怎么申报?
  • 一般纳税人具备的资格需要哪些条件
  • 委托研发受托方怎么做账
  • 出售股票或债券的条件
  • 小规模印花税减免性质代码怎么填
  • window10环境变量
  • 腾讯电脑管家中的软件市场怎么拖到桌面
  • 怎么激活win10专业版
  • win11如何将开始菜单里的软件移到桌面
  • 股权和债权有无区别
  • 人力资源服务代缴社保税率是多少
  • 长期借款和短期借款会计分录的区别
  • 固定资产清理的会计科目处理
  • thinkphp invoke
  • php中session什么意思
  • 四川黄龙风景名胜区停车收费标准
  • yii2框架结构
  • 城市维护建设税减免税优惠政策
  • php微信公众号开源框架
  • 《设计模式》
  • vue的简介
  • chatGPT之Python API启用上下文管理
  • 农产品免税发票可以抵扣增值税吗
  • 生产企业成本会计做账流程
  • mongodb建立索引的命令
  • 收外汇是一定要交税吗
  • 现代服务行业有哪些
  • 政府奖励收入会计分录
  • 个人收到承兑汇票
  • in参数太多导致sql过长
  • 小规模纳税人企业所得税怎么算
  • 进出口 外汇
  • 应付账款一直挂在账上会有问题吗
  • 利息保障倍数为0说明什么
  • 物流辅助服务属于
  • 外聘人员差旅费用无票调增
  • 外贸企业汇兑损益如何减少
  • 进口增值税与关税的关系
  • 餐饮发票食品发票
  • sql中的非逻辑
  • mysql修改后立即查询
  • 如何查看mysql连接池
  • win7远程登录win10
  • win7无线无法连接怎么办
  • kpg是什么文件
  • win8全屏快捷键
  • win7系统宽带连接651
  • 在win7上加装一个硬盘不显示
  • Android自定义对话框
  • 那些年的我们什么意思
  • javascript中的函数也称为什么
  • jquery+ajax实现注册实时验证实例详解
  • Linux系统安装字体
  • linux搭载服务器
  • python中pandas.DataFrame排除特定行方法示例
  • js object的原型
  • 标箭头的手机软件
  • 全国税务稽查会议
  • 化妆品过海关要交税吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设