零基础建站培训教程介绍

当前位置:

bootstrap 中data-toggle属性的含义与作用

Bootstrap教程中经常会遇到给标签添加data-toggle属性,那么data-toggle属性到底什么意思,又有什么作用呢?

目前理解到在bootstrap中data-target,data-toggle等属性主要作用:单击显示,单击隐藏。

bootstrap 中data-toggle属性

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


[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.】 用来传递替换文本(不知道是不是这么说),见下面的例子:


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

学习更多bootstrap教程,请学习一下自适应手机网站制作课程

发表评论

零基础学建站就到学做网站论坛