位置: 编程技术 - 正文

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

  • 银行存款属于其他货币资金核算内容吗
  • 小规模个税每月限免额是多少
  • 小微企业未开票收入大于45万怎么填
  • 公司团建取得的进项发票可以抵扣增值税吗
  • 生产企业内销和出口
  • 企业为什么要进行环境分析
  • 外购货物用于集体福利属于什么
  • 社保基金会割肉操作吗
  • 小规模纳税人每个月需要报什么税
  • 通行费电子增值税怎么算
  • 简易计税是否可以开增值税专用发票
  • 饭店购买厨房用具分录
  • 自然人独资属于个体工商户吗?
  • 营改增后为何还要交地税?
  • 建筑施工企业开立临时账户
  • 关于商业健康保险产品的规范和条件
  • 企业所得税每季度申报时间
  • 现金净流量正常值
  • 公司审计期间
  • 房屋出租何时缴纳房产税?
  • 个体工商户的公章丢了怎么办
  • 零星工程实施流程
  • 进口货物如何缴增值税
  • 差额征收单位所需材料
  • 销售已使用过的固定资产增值税税率
  • 金枝玉叶怎么养才爆盆
  • i33240配什么主板
  • 应收款抹零
  • 喜马拉雅山脉中最高的山峰是什么
  • 补交上年度增值税附加税,怎么做账
  • 制造业利润占比多少合适
  • PHP 中TP5 Request 请求对象的实例详解
  • linux如何搭建
  • 数据库impala
  • vue err
  • 基于核心素养下的大单元教学设计
  • 采购折让分录
  • 利息支出是利息费用嘛
  • 加油站的卷式发票能抵扣吗
  • 管理费用只能在借方吗
  • 产品检测费计入成本吗
  • 营业执照需要提交什么材料
  • 汇兑应该计入什么科目
  • 大数据sql教程
  • 定期定额个体经营所得税申报错了怎么办
  • 跨年的房租费用怎么做账
  • 地税发票丢失应如何处理
  • 逃税是什么意思?
  • 购礼品送客户分账务处理怎么做
  • 购入钢材
  • 生产中产生的废油漆桶等危险废物应当作为什么贮存
  • 国家规定房屋买卖中介费
  • 公司帐户到银行怎么取钱
  • 因进出口商品引起的收支
  • mysql8 存储引擎
  • haproxy教程
  • sql合并多条记录某一个字段
  • ubuntu 安装zsh
  • vc运行程序exe停止工作
  • mac笔记软件推荐
  • 超级简单的方法
  • mac如何修改
  • 电脑出现win 7 界面 然后就不动了
  • linux内核2.3.20
  • k-means聚类算法例题
  • opengl矩形
  • firefox浏览器标识ua
  • js跨域请求json数据
  • python executemany的使用及注意事项
  • js中的eval
  • 很全面的成语
  • unity或者
  • js重要知识点
  • 发票金额模糊怎么查询
  • 党建工作领导小组会议
  • 美国各地区消费水平
  • 党员e先锋中的支部云课堂在哪
  • 工会经费怎么缴付
  • 河南省城市规划法
  • 福建高速公路电子发票怎么开
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设