1、什么是bootstrap?
我們在開發前端頁面的時候,如果每一個按鈕、樣式、處理瀏覽器兼容性的代碼都要自己從零開始去寫,那就太浪費時間了。所以我們需要一個框架,幫我們實現一個頁面的基礎部分和解決一些繁瑣的細節,只要在它的基礎上進行個性化定制就可以了。
Bootstrap 就是這樣一個簡潔、直觀、強悍的前端開發框架,只要學習并遵守它的標準,即使是沒有學過網頁設計的開發者,也能做出很專業、美觀的頁面,極大地提高了工作效率。像Bootstrap中文網(http://m.cn327.com)就是基于 Bootstrap 來開發的。
2、Bootstrap特點
移動端設備優先:自Bootstrap3起,框架包含了貫穿于整個庫的移動設備優先的樣式
響應式設計:采用柵格布局(底層實現原理:媒體查詢結合流體布局)
偏UI,綜合框架,包含一些常用的UI組件以及一些JS組件
3、為什么要學習Bootstrap
由于Bootstrap的普及率非常之高,至少在CSS UI庫這個領域的地位是至今沒有任何UI庫可以撼動的。而且它本身就是基于CSS編寫的,對于一個Web前端開發工程師來說Bootstrap是我們必須要學習了解的一個UI庫。
現在市面上的UI庫層出不窮,雖然很多UI庫都已經上升到了框架級別(當然Bootstrap也被稱作是“CSS框架”,但對于“框架”這個稱呼業界一直存在爭議),但是其CSS部分的設計的靈感基本都是來源于Bootstrap,如:ionic、mui、amazeUI、elementUI、sui、jQuery UI、bootmetro、flatUI等等,還遠遠不止這些,可謂是層出不窮,稍微知名的公司都希望自己開發出自己的各種框架,例如ElementUI就是“餓了么”旗下針對Vue進行二次封裝開發的UI庫和JS組件,網易也有自己的CSS框架NEC。
這么多CSS UI庫或框架,你任意選出幾款都會發現帶著Bootstrap的影子,甚至還有一個叫“jQuery UI Bootstrap”的,則直接結合了jQuery UI和Bootstrap新層的一個UI庫,在GitHub上也有5K星的人氣。但這也只是一個縮影,可以說Bootstrap在UI庫這類技術上有著重要的里程碑的作用。
就算是世界上精力最旺盛的人,也沒有辦法在“有生之年”去學習完這么多的UI庫、JS框架和其它相關的各類技術,所以我們的學習應該是有重點的,并且學會去舉一反三。對于Boostrap這樣的UI庫肯定是我們不應該錯過的東西,也是我們去了解UI庫這類技術的入門最佳選擇。
4、如何學習Bootstrap
你可以在Bootstrap中文網(http://m.cn327.com)找到大量的教程和中文手冊。其實學習起來難度并不是很高。