当前位置：首页 > 资讯 > 技术文档

Bootstrap中data-target 到底是什么

时间：2020-06-07 02:44 编辑：来源：阅读：
扫一扫，手机访问

摘要：Bootstrap中data-target 到底是什么

data-target 与data-toggle 还有data-spy 文档总是给人一种很突兀的方式给出来，然后又没有好好解释或者是我看的不够仔细？ HTML5允许开发者自由为其标签添加属性，这种自定义属性一般用“data-”开头。我目前理解到在bootstrap中data-target，data-toggle等属性主要有两种作用： [b]【1.】在CSS中作标签选择器用。[/b] 如：

[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;
}

[b]【2.】用来传递替换文本（不知道是不是这么说），见下面的例子：[/b]

input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {
 content: attr(data-lbl);
}

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

全部评论(0)

上一篇：将jQuery应用于login页面的问题及解决
下一篇：jquery实现瀑布流效果 jquery下拉加载新数据

资讯排行榜
更多>>