Bootstrap 中data-[-] 属性的整理
Bootstrap中的data-[]属性
在HTML5中，data属性是一个全新的特性，允许开发者为其标签添加自定义属性，用于存储数据。这些自定义属性以“data-”为前缀。这些存储的数据可以在页面的JavaScript中被利用，为网页开发带来无限可能。
data-属性包括两部分：
1. 属性名：不包含任何大写字母，且在“data-”前缀之后必须有至少一个字符。
2. 属性值：可以是任意字符串。
在Bootstrap框架中，data属性更是被赋予了强大的功能。仅仅通过data属性API，你就可以使用所有的Bootstrap插件，无需编写一行JavaScript代码。这是一等API，也是你的首选方式。
与传统的JavaScript开发不同，Bootstrap提供了一个丰富的组件库，包括下拉菜单、折叠、模态框等常用功能。开发者只需按照规则调用这些组件的data属性，即可实现相应的交互效果。这种方式的优点在于，开发者无需关注底层的实现细节，只需通过配置属性即可实现所需的功能。
在Bootstrap中，class属性主要用于应用Bootstrap的CSS样式和标识可识别对象。而data-[]="yy"属性则用于使用和调用Bootstrap的组件和插件，通过bootstrap.js实现一些交互效果。
对于常见的Bootstrap data属性，例如data-toggle，它指定了以什么事件类型触发。常用的有：
data-toggle="dropdown"：用于下拉菜单；
data-toggle="modal"：用于模态框事件；
data-toggle="tooltip"：用于提示框事件；
data-toggle="tab"：用于标签页；
data-toggle="collapse"：用于折叠；
data-toggle="popover"：用于弹出框；
data-toggle="button"：用于按钮事件。
一般事件会作用到一个标签对象，如果要作用到其他标签对象，就需要使用data-target指定事件的标签目标。例如一个按钮触发模态框的示例：
```html