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%寬度占據全部窗口的容器

bootstrap的一些屬性作用