我是靠谱客的博主 笑点低大门,这篇文章主要介绍Bootstrap中data-target 到底是什么,现在分享给大家,希望可以做个参考。

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

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

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

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

如:

复制代码
1
2
3
4
5
6
7
8
[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.】 用来传递替换文本(不知道是不是这么说),见下面的例子:

复制代码
1
2
3
input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before { content: attr(data-lbl); }

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

最后

以上就是笑点低大门最近收集整理的关于Bootstrap中data-target 到底是什么的全部内容,更多相关Bootstrap中data-target内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(175)

评论列表共有 0 条评论

立即
投稿
返回
顶部