Bootstrap中data-target到底是什么
data-target 与data-toggle 还有data-spy ⽂档总是给⼈⼀种很突兀的⽅式给出来,然后⼜没有好好解释或者是我看的不够仔细?
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;
bootstrap 5}
【2.】⽤来传递替换⽂本(不知道是不是这么说),见下⾯的例⼦:
input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {
content: attr(data-lbl);
}
以上所述是⼩编给⼤家介绍的Bootstrap中data-target 到底是什么的全部叙述,希望对⼤家有所帮助,如果⼤家有任何疑问请给我留⾔,⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。