Bootstrap中data-target 到底是什么 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

Bootstrap中data-target 到底是什么

杨冬芳 2016-06-06 13:59:04 2170

data-target 与data-toggle 还有data-spy 文档总是给人一种很突兀的方式给出来,然后又没有好好解释或者是我看的不够仔细?

前端开发
分享到
取消 提交回答
全部回答(1)
  • 西秦说云
    2019-07-17 19:28:28

    html5允许开发者自由为其标签添加属性,这种自定义属性一般用“data-”开头。
    我目前理解到在bootstrap中data-target,data-toggle等属性主要有两种作用:
    【1.】在CSS中作标签选择器用。
    如:

    [data-toggle="buttons"] > .btn input[type="radio"],
    [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
    [data-toggle="buttons"] > .btn input[type="checkbox"],
    [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
      position: absolute;
      clip: rect(0, 0, 0, 0);
      pointer-events: none;
    }

    【2.】 用来传递替换文本(不知道是不是这么说),见下面的例子:

    input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {
      content: attr(data-lbl);
    }
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程