大家好狗准，我是IT修真院武漢分院第13期學員悴了，一枚正直善良的web程序員墩蔓。

今天給大家分享一下咧织，修真院官網css14任務中可能會使用到的知識點：

今天我要講的內容是關于bootstrap系統(tǒng)的優(yōu)缺點

BT的受歡迎程度是大家有目共睹的道宅，用它可以快速的搭建出網站食听。很早就接觸過這個框架，其中的柵格系統(tǒng)污茵，css模塊化以及js插件做的相當不錯樱报，由于工作中較少使用也一直沒有好好梳理下，這篇文章就來好好分析一下這個系統(tǒng)泞当。

BT雖然很好迹蛤，但也不是沒有缺點，由于框架很多都是模塊化的，只能這么用盗飒，當您的網站比較多樣化赤拒，界面復雜的話就不太適合使用，此時您需要大量重寫代碼庆械，維護比較麻煩葫辐，此外這個系統(tǒng)的CSS內容也比較多，很多內容是根本用不到的汗贫，對于帶寬不是很理想的情況下就會造成浪費身坐，當然BT的css模塊化還是相當不錯的。下面總結幾點本人覺得非常不錯的點落包。

這段代碼的意思是部蛇，在超小屏幕下分兩行顯示，桌面顯示器則并行顯示咐蝇。更詳細的應用大家可以參考BT的官方文檔涯鲁，這里就不再詳細說了

CSS模塊化（表現(xiàn)）

BT預先定義了很多CSS類，使用的時候直接給class賦予對應的類名即可有序，如text-left抹腿，text-align，.table等旭寿。最有代表性的就是btn類警绩，BT定義了一個.bt的基礎類，如果還想要其他樣式可以在這個基礎類上進行擴展盅称，實現(xiàn)不同的視覺效果肩祥。

JavaScript插件（交互）

BT的JavaScript插件非常豐富，既可以用現(xiàn)成的也可以自己擴充缩膝，BT提供了一個集成板的BT.js您可以直接拿過來使用也可以單個使用引入*.js即可混狠。

JS插件優(yōu)秀的地方在于，哪怕是不懂JS的開發(fā)人員也可以使用疾层，只要按照官方文檔提供的格式寫即可将饺，比如模態(tài)框，您只要按要求設置好class云芦，data-toggle俯逾，data-target即可，一句JS都不用寫舅逸，是不是很方便桌肴。

BT的插件開發(fā)模式基本都是相似的，先定義一個類琉历，實現(xiàn)主體功能坠七，然后是個Plugin函數水醋，再把這個函數擴展到JQuery原型上，最后通過委托的方式給特定元素綁定事件彪置。

不足：

對IE兼容也存在不小的問題拄踪，BT將所有的元素盒模型都設置成了border-box，這是IE混雜模式下的盒模型拳魁，光這點就導致了不能兼容IE惶桐。此外還用到了大量的H5標簽以及CSS3語法，這些語法標簽兼容性方面同樣存在不小的問題潘懊，當然網上存在很多兼容IE的辦法姚糊，但需要引入其他文件，有些還不小授舟，勢必導致加載速度變慢救恨，影響用戶體驗。

BT對IE6释树，7的兼容性肯定不好肠槽，對IE8的支持也需要一些額外的文件。

IE8的媒體查詢需要response.js的配合才能實現(xiàn)

BT 不支持 IE 古老的兼容模式奢啥。為了讓 IE 瀏覽器運行最新的渲染模式下秸仙，建議將此 標簽加入到你的頁面中：

按 F12 鍵打開 IE 的調試工具，就可以看到 IE 當前的渲染模式是什么扫尺。

CSS

聲明順序：

相關屬性聲明應該歸為一組筋栋，并按照下面的順序書寫：

1、定位 Positioning

2正驻、盒模型 Box Model

3、格式排版 Typographic

4抢腐、視覺 Visual

5姑曙、雜項 Misc

由于定位可以從正常的文檔流中移除元素，并且還能覆蓋盒模型相關的樣式迈倍，因此排在首位伤靠。盒模型排在第二，因為它決定了組件的尺寸和位置啼染。

今天的分享就到這里啦宴合，歡迎大家點贊、轉發(fā)迹鹅、留言卦洽、拍磚~

技能樹-IT修真院

IT修真院是一個免費的線上IT技術學習平臺 。

每個職業(yè)以15個左右的task為初學者提供更快速高效的學習方式 斜棚；

所有task均是從真實項目中提煉出來的技能點阀蒂，

強調實戰(zhàn)演練+自學優(yōu)先+師兄輔導的學習方式该窗，

嚴格的日報體系，歡樂的交流討論學習氣氛蚤霞，更有無數師兄師姐幫你解疑