概述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-*中等屏幕桌面顯示器
首先說(shuō)明：
1、col-列；
2、xs-maxsmall，超小；sm-small，?。籱d-medium，中等；
3、-*表示占列，即占自動(dòng)12列柵格系統(tǒng)比；
4、col-xs-*超小屏幕 手機(jī) (<768px),
.col-sm-*小屏幕 平板 (≥768px),
.col-md-*中等屏幕 桌面顯示器 (≥992px)(柵格參數(shù)).
5、不管在哪種屏幕上，柵格系統(tǒng)都會(huì)自動(dòng)的分12列 col-xs-*和col-sm-* 和col-md-*后面跟的參數(shù)表示在當(dāng)前的屏幕中 div占所占列數(shù)。例如 <div class="col-xs-6 col-md-3"> 這個(gè)div在屏幕中占的位置是： .col-xs-6 在超小屏幕中占6列 也就是屏幕的一半（6/12） ，.col-md-3 在中單屏幕中占3列也就是1/4（3/12）。
6、反推，如果我們要在小屏幕上并排顯示3個(gè)div(12/3個(gè)=4 列 )，則col-xs-4;在大屏幕上顯示6個(gè)div(12/6個(gè)=2列 ) ，則 col-md-2； 這樣我們就可以控制我們自己想要的什么排版了。
相關(guān)文章
如何理解JS函數(shù)防抖和函數(shù)節(jié)流
函數(shù)防抖和函數(shù)節(jié)流都是對(duì)函數(shù)進(jìn)行特殊的設(shè)置，減少該函數(shù)在某一時(shí)間段內(nèi)頻繁觸發(fā)帶來(lái)的副作用。二者只是采用的設(shè)置方式和原理不一樣，其最終的目的是一樣的。2021-05-05
這篇文章主要介紹了如何在JavaScript中使用for循環(huán),通過(guò)使用JavaScript?for...in循環(huán)，我們可以循環(huán)對(duì)象的鍵或?qū)傩?，在迭代?duì)象屬性或進(jìn)行調(diào)試時(shí)，它可能很有用，但在迭代數(shù)組或?qū)?duì)象進(jìn)行修改時(shí)，應(yīng)該避免使用for...in循環(huán)，需要的朋友可以參考下2022-11-11
這篇文章主要介紹了JavaScript?編寫(xiě)枚舉的最有效方法分享，JavaScript語(yǔ)言本身不支持枚舉。如果我們想模擬枚舉，我們可以使用一個(gè)對(duì)象。更多相關(guān)內(nèi)容感興趣的小伙伴可以參考一下2022-06-06
cocos2dx+lua實(shí)現(xiàn)橡皮擦功能
這篇文章主要為大家詳細(xì)介紹了cocos2dx+lua實(shí)現(xiàn)橡皮擦功能，類似刮刮樂(lè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
基于BootStrap的前端分頁(yè)帶省略號(hào)和上下頁(yè)效果
這篇文章主要介紹了基于BootStrap的前端分頁(yè)帶省略號(hào)和上下頁(yè)效果,需要的朋友可以參考下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)卡切換效果，通過(guò)設(shè)置定時(shí)器實(shí)現(xiàn)延時(shí)0.5s切換選項(xiàng)卡，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
javascript 從if else 到 switch case 再到抽象
大家覺(jué)得在接手遺留代碼時(shí)，見(jiàn)到什么東東是最讓人感到不耐煩的？復(fù)雜無(wú)比的 UML ？我覺(jué)得不是。2010-07-07
JavaScript時(shí)間轉(zhuǎn)換處理函數(shù)
這篇文章主要介紹了JavaScript時(shí)間轉(zhuǎn)換處理函數(shù)的方法的相關(guān)資料,需要的朋友可以參考下2015-04-04
單例模式的定義是保證一個(gè)類僅有一個(gè)實(shí)例,下面這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)單例模式的6種方案,需要的朋友可以參考下2021-05-05