Bootstrap中data-target 到底是什么

前端之家收集整理的这篇文章主要介绍了Bootstrap中data-target 到底是什么前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

如:

.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); pointer-events: none; }

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

Box].ace.ace-switch + .lbl[data-lbl]::before { content: attr(data-lbl); }

以上所述是小编给大家介绍的Bootstrap中data-target 到底是什么的全部叙述。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/bootstrap/41706.html

猜你在找的Bootstrap相关文章