資源描述：
《bootstrap個(gè)人總結(jié)精品學(xué)習(xí)手冊(cè)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、BootStrap個(gè)人總結(jié)精品學(xué)習(xí)手冊(cè)1工具BootlintBootlint?是Bootstrap官方所支持的HTML?檢測(cè)工具。在使用了Bootstrap的頁(yè)面上（沒(méi)有對(duì)Bootstrap做修改和擴(kuò)展的情況下），它能自動(dòng)檢查某些常見(jiàn)的HTML錯(cuò)誤。純粹的Bootstrap組件需要固定的DOM結(jié)構(gòu)。Bootlint就能檢測(cè)你的頁(yè)面上的這些“純粹”的Bootstrap組件是否符合Bootstrap的HTML結(jié)構(gòu)規(guī)則。建議將Bootlint加入到你的開(kāi)發(fā)工具中，這樣就能幫你在項(xiàng)目開(kāi)發(fā)中避免一些簡(jiǎn)單的錯(cuò)誤影響你的開(kāi)
2、發(fā)進(jìn)度。社區(qū)Bootstrap有成熟、強(qiáng)大的社區(qū)。如果你希望隨時(shí)獲取Bootstrap的最新消息，請(qǐng)關(guān)注以下社區(qū)資源?！ら喿x并訂閱?Bootstrap官方博客?！ねㄟ^(guò)IRC（irc.freenode.net?服務(wù)器）與其他Bootstrap粉絲交流，我們?cè)?##bootstrap頻道?！と绻褂肂ootstrap過(guò)程中遇到問(wèn)題，請(qǐng)?jiān)?StackOverflow上交流。請(qǐng)搜索?twitter-bootstrap-3?關(guān)鍵詞。·對(duì)于為Bootstrap修改或添加功能的開(kāi)發(fā)者，如果需要將自己修改的版本發(fā)布到?npm
3、?或其他分發(fā)渠道時(shí)，應(yīng)當(dāng)為自己的包添加?bootstrap?關(guān)鍵字，以便大家能夠通過(guò)關(guān)鍵字了解你所發(fā)布的東西?！⒂^其他同學(xué)基于Bootstrap構(gòu)建的網(wǎng)站，請(qǐng)進(jìn)這里：Bootstrap優(yōu)站精選.你還可以在Twitter上關(guān)注英文官方賬號(hào)?@getbootstrap?，這里有最新的八卦和有趣的視頻。（:(原來(lái)和技術(shù)不沾邊?。。┲袊?guó)用戶請(qǐng)關(guān)注我們的官方微博賬號(hào)：@Bootstrap中文網(wǎng)。我們定期分享新技術(shù)和新資訊。禁止響應(yīng)式布局Bootstrap會(huì)自動(dòng)幫你針對(duì)不同的屏幕尺寸調(diào)整你的頁(yè)面，使其在各個(gè)尺寸的屏幕上
4、表現(xiàn)良好。下面我們列出了如何禁用這一特性，就像這個(gè)非響應(yīng)式布局實(shí)例頁(yè)面一樣。禁止響應(yīng)式布局有如下幾步：1.移除?此CSS文檔中提到的設(shè)置瀏覽器視口（viewport）的標(biāo)簽：。2.通過(guò)為?.container?類設(shè)置一個(gè)?width?值從而覆蓋框架的默認(rèn)width設(shè)置，例如?width:970px!important;?。請(qǐng)確保這些設(shè)置全部放在默認(rèn)的BootstrapCSS文件的后面。注意，如果你把它放到媒體查詢中，也可以略去!important?。3.如果使用了導(dǎo)航條，需要移除所有導(dǎo)航條的折疊和
5、展開(kāi)行為。4.對(duì)于柵格布局，額外增加?.col-xs-*?類或替換掉?.col-md-*?和?.col-lg-*。不要擔(dān)心，針對(duì)超小屏幕設(shè)備的柵格系統(tǒng)能夠在所有分辨率的環(huán)境下展開(kāi)。針對(duì)IE8仍然需要額外引入Respond.js文件（由于仍然利用了瀏覽器對(duì)媒體查詢（mediaquery）的支持，因此還需要做處理）。這樣就禁用了Bootstrap對(duì)移動(dòng)設(shè)備的響應(yīng)式支持。禁止響應(yīng)式特性的Bootstrap模版我們已經(jīng)按照上面的步驟制作了一份案例。仔細(xì)閱讀其源碼并對(duì)照上面的步驟實(shí)踐一下吧。非響應(yīng)式布局實(shí)例從v2.x版
6、本升級(jí)到v3.x版本你在找從老版本升級(jí)到Bootstrapv3.x版本的方法嗎？請(qǐng)查看我們整理的升級(jí)指南吧。瀏覽器和設(shè)備的支持情況Bootstrap的目標(biāo)是在最新的桌面和移動(dòng)瀏覽器上有最佳的表現(xiàn)，也就是說(shuō)，在較老舊的瀏覽器上可能會(huì)導(dǎo)致某些組件表現(xiàn)出的樣式有些不同，但是功能是完整的。被支持的瀏覽器ChromeFirefoxInternetExplorerOperaSafariAndroid?支持?支持N/A?不支持N/AiOS?支持N/A?不支持?支持MacOSX?支持?支持?支持?支持Windows?支持?支
7、持?支持?支持?不支持特別注意，我們堅(jiān)決支持這些瀏覽器的最新版本。在Windows平臺(tái)，我們支持?InternetExplorer8-11。請(qǐng)看下面列出的詳細(xì)信息。Bootstrap在Chromium和Linux版Chrome、Linux版Firefox和InternetExplorer7上的表現(xiàn)也是很不錯(cuò)的，雖然我們不對(duì)其進(jìn)行官方支持。瀏覽器bug列表中列出了影響B(tài)ootstrap正常功能的瀏覽器bug。InternetExplorer8和9InternetExplorer8和9是被支持的，然而，你要知道，
8、很多CSS3屬性和HTML5元素--例如，圓角矩形和投影--是肯定不被支持的。另外，?InternetExplorer8需要?Respond.js?配合才能實(shí)現(xiàn)對(duì)媒體查詢（mediaquery）的支持。FeatureInternetExplorer8InternetExplorer9border-radius?不支持?支持box-shadow?不支持?支持transform?不支持?支持,with?
