Bootstrap中data-target 到底是什么
data-target与data-toggle还有data-spy文档总是给人一种很突兀的方式给出来,然后又没有好好解释或者是我看的不够仔细?
HTML5允许开发者自由为其标签添加属性,这种自定义属性一般用“data-”开头。
我目前理解到在bootstrap中data-target,data-toggle等属性主要有两种作用:
【1.】在CSS中作标签选择器用。
如:
[data-toggle="buttons"]>.btninput[type="radio"],
[data-toggle="buttons"]>.btn-group>.btninput[type="radio"],
[data-toggle="buttons"]>.btninput[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btninput[type="checkbox"]{
position:absolute;
clip:rect(0,0,0,0);
pointer-events:none;
}
【2.】用来传递替换文本(不知道是不是这么说),见下面的例子:
input[type=checkbox].ace.ace-switch+.lbl[data-lbl]::before{
content:attr(data-lbl);
}
以上所述是小编给大家介绍的Bootstrap中data-target到底是什么的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
热门推荐
10 对患者生日祝福语简短
11 结婚祝福语简短装备
12 周岁祝福语学生文案简短
13 订婚领证祝福语简短精辟
14 导师获奖祝福语大全简短
15 新婚购房祝福语简短精辟
16 牛年祝福语简短的爱人
17 送芒果的祝福语简短
18 送给学长毕业祝福语简短