Bootstrap中的data-target和data-toggle

data-toggle：以什么事件触发，如modal,popover,tooltips等；
data-target：事件的目标；
HTML5允许开发者自由为其标签添加属性，这种自定义属性一般用“data-”开头。
我目前理解到在bootstrap中data-target，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);
}
原文地址：http://blog.csdn.net/d295968572/article/details/56667863