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