概述BootStrap中role="form"及role作用角色
1、在英漢圖靈計(jì)算機(jī)大詞典里：
role
n.角色(任務(wù))；
2、在Bootstrap框架中，role="form"；
form表單屬性，類似與輔助工具，轉(zhuǎn)換角色使用；
role="form"定義form表單元素為form功能角色使用；
3、下面有其他案例：
Eg1:<div role="button"></div> ，把div元素轉(zhuǎn)換為button按鈕功能使用； Eg2:<div role="navigation"></div>，把div元素轉(zhuǎn)換為navigation導(dǎo)航功能使用； Eg3:<div role="checkbox" aria-checked="checked"></div>，把div元素轉(zhuǎn)換為checkbox復(fù)選框功能使用； Eg4:<a role="button" class="btn btn-default" href="#" >鏈接</a>，把a(bǔ)鏈接元素轉(zhuǎn)換為button按鈕功能使用。
PS：bootstrap柵欄系統(tǒng)css中的col-xs-*,col-sm-*,col-md-* 的意義
摘要: bootstrap柵欄系統(tǒng)css中的col-xs-*,col-sm-*,col-md-* 的意義：.col-xs-*超小屏幕手機(jī)(768px),.col-sm-*小屏幕平板(≥768px),.col-md-*中等屏幕桌面顯示器
首先說明：
1、col-列；
2、xs-maxsmall，超??；sm-small，??；md-medium，中等；
3、-*表示占列，即占自動12列柵格系統(tǒng)比；
4、col-xs-*超小屏幕 手機(jī) (<768px),
.col-sm-*小屏幕 平板 (≥768px),
.col-md-*中等屏幕 桌面顯示器 (≥992px)(柵格參數(shù)).
5、不管在哪種屏幕上，柵格系統(tǒng)都會自動的分12列 col-xs-*和col-sm-* 和col-md-*后面跟的參數(shù)表示在當(dāng)前的屏幕中 div占所占列數(shù)。例如 <div class="col-xs-6 col-md-3"> 這個div在屏幕中占的位置是： .col-xs-6 在超小屏幕中占6列 也就是屏幕的一半（6/12） ，.col-md-3 在中單屏幕中占3列也就是1/4（3/12）。
6、反推，如果我們要在小屏幕上并排顯示3個div(12/3個=4 列 )，則col-xs-4;在大屏幕上顯示6個div(12/6個=2列 ) ，則 col-md-2； 這樣我們就可以控制我們自己想要的什么排版了。
相關(guān)文章
如何理解JS函數(shù)防抖和函數(shù)節(jié)流
函數(shù)防抖和函數(shù)節(jié)流都是對函數(shù)進(jìn)行特殊的設(shè)置，減少該函數(shù)在某一時(shí)間段內(nèi)頻繁觸發(fā)帶來的副作用。二者只是采用的設(shè)置方式和原理不一樣，其最終的目的是一樣的。2021-05-05
這篇文章主要介紹了如何在JavaScript中使用for循環(huán),通過使用JavaScript?for...in循環(huán)，我們可以循環(huán)對象的鍵或?qū)傩裕诘鷮ο髮傩曰蜻M(jìn)行調(diào)試時(shí)，它可能很有用，但在迭代數(shù)組或?qū)ο筮M(jìn)行修改時(shí)，應(yīng)該避免使用for...in循環(huán)，需要的朋友可以參考下2022-11-11
這篇文章主要介紹了JavaScript?編寫枚舉的最有效方法分享，JavaScript語言本身不支持枚舉。如果我們想模擬枚舉，我們可以使用一個對象。更多相關(guān)內(nèi)容感興趣的小伙伴可以參考一下2022-06-06
cocos2dx+lua實(shí)現(xiàn)橡皮擦功能
這篇文章主要為大家詳細(xì)介紹了cocos2dx+lua實(shí)現(xiàn)橡皮擦功能，類似刮刮樂效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了基于BootStrap的前端分頁帶省略號和上下頁效果,需要的朋友可以參考下2017-05-05
javascript系統(tǒng)時(shí)間設(shè)置操作示例
這篇文章主要介紹了javascript系統(tǒng)時(shí)間設(shè)置操作,涉及javascript時(shí)間運(yùn)算與判斷相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
完美實(shí)現(xiàn)js選項(xiàng)卡切換效果(二)
這篇文章主要為大家詳細(xì)介紹如何完美實(shí)現(xiàn)js選項(xiàng)卡切換效果，通過設(shè)置定時(shí)器實(shí)現(xiàn)延時(shí)0.5s切換選項(xiàng)卡，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
javascript 從if else 到 switch case 再到抽象
大家覺得在接手遺留代碼時(shí)，見到什么東東是最讓人感到不耐煩的？復(fù)雜無比的 UML ？我覺得不是。2010-07-07
JavaScript時(shí)間轉(zhuǎn)換處理函數(shù)
這篇文章主要介紹了JavaScript時(shí)間轉(zhuǎn)換處理函數(shù)的方法的相關(guān)資料,需要的朋友可以參考下2015-04-04
單例模式的定義是保證一個類僅有一個實(shí)例,下面這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)單例模式的6種方案,需要的朋友可以參考下2021-05-05