一、Bootstrap框架介紹
Bootstrap是一個非常優秀的前端UI框架，一個輕量級的UI前端框架，是基于HTML+CSS+JavaScript的框架。
二、簡單介紹
Bootstrap框架是屬于UI框架，與Jquery不一樣，準確的描述Bootstrap框架屬于CSS框架，而非JavaScript框架，但是它本身使用JavaScript來完善Bootstrap框架來完善視覺效果。
三、優點
完美的支持H5和CSS3，以及支持移動端瀏覽器
四、內容
可以參考一下官方文檔http://v3.bootcss.com/
（一）腳手架：用于重置背景，鏈接的樣式等，包含兩個簡單的布局結構。這兩個布局系統：默認柵格系統和流式柵格系統。Bootstrap樣式使用了lesscss技術，比如：重置背景。我覺得最精彩的部分是柵格系統。
（1）默認柵格系統：是按照固定的寬度等分，按940px等分。
（2）流式柵格系統：是按照視圖頁面進行等分，按12等分。
（二）基本CSS樣式
Bootstrap給出了常用的HTML元素樣式，CSS提供樣式很專業很美
（三）CSS組件
Bootstrap還提供一些常用的CSS組件
（四）Js插件
隨意擴展Bootstrap，特別是js框架
五、版本
使用較廣的是2和3版
2015年9月，發布了Bootstrap 4alpha版本
六、css組件
下拉菜單，按鈕組，按鈕下拉菜單，導航，導航條
七、js插件
自帶13個jq插件，包括：對話框，標簽頁，流動條，彈出框
八、Bootstrap與JqueryMobile比較
Bootstrap是跨屏幕分辨率自動適應
JqueryMobile是專門針對移動端
九、Bootstrap與Jquery EasyUI比較
Bootstrap封裝性更勝一籌。Bootstrap的表格僅僅使用一個屬性可以控制分頁，無論是服務器的分頁還是客戶端分頁都可以控制，而且自帶查詢框。
EasyUI需要手動去寫分頁的樣式以及查詢功能。
文章列表
留言列表
