Bootstrap中data

网友投稿 210 2023-06-14


Bootstrap中data

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

HTML5允许开发者自由为其标签添加属性,这种自定义属性一般用“data-”开头。

我目前理解到在bootstrap中data-target,data-toggle等属性主要有两种作用:

【1.】在css中作标签选择器用。

如:

[data-toggle="buttons"] > .btn input[type="radio"],

http://[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],

[http://data-toggle="buttons"] > .btn input[type="checkbox"],

[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {

position: absolute;

clip: rect(0, 0, 0, xjjzucBaAK0);

pointer-events: none;

}

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

input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {

content: attr(data-lbl);

}

以上所述是给大家介绍的Bootstrap中data-target 到底是什么的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,会及时回复大家的。在此也非常感谢大家对我们网站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Hibernate原理及应用
下一篇:Vue组件开发初探
相关文章

 发表评论

暂时没有评论,来抢沙发吧~