bootstrap中的data-[*]属性
data属性包括两部分：
1.属性名不应该包含任何大写字母，并且在前缀“data-”之后必须至少有一个字符
2.*属性值可以为任何字符串
data-[*]=“yy”，主要是调和bootstrap组件和插件，也就是使用bootstrap.js实现交互效果
常见的data-[*]属性：
data-toggle : 表示以什么事件类型触发，主要用于标签选择器
data-target：主要用于配合data-toggle使用，常用于模态窗口、轮播图，作用是指定加载以及切换目标
data-dismiss：常见的是在模态窗口中用来关闭模态窗口
bootstrap中role的作用
role是HTML5的属性，可以用于标识一个普通的标签，让其语义化，方便浏览器对其具体功能进行识别，简单的说，role是为了给一些特定的浏览器工具
举个例子：<div role="button"></div> 把div元素转换成button按钮功能使用
label
label为定义标注
在label元素内点击文本，就会触发此控件，就是说，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上，比如单选按钮
<label><input type="checkbox"/>记住此密码</label>
当input前面没有套上label标签是，只能通过点击单选按钮才会触发checkbox，加上label后，点击文字“记住此密码”也会触发checkbox
.container类
用于固定宽度并且支持响应式布局的容器。在页面中创建一个居中的区域，其实就是等价于创建了一个静态宽度并且magin值为auto的一个居中的div框（响应式）
还有一个.container-fluid类，用于创建100%宽度占据全部窗口的容器