怎么輕松學(xué)bootstrap？
bootstrap什么的，還有一些培訓(xùn)班里流傳出來的，感覺暈乎乎的，不知所云。相信很多沒有什么基礎(chǔ)的初學(xué)者學(xué)習(xí)它定會(huì)感到無從下手、云里霧里、難以把控。
最后實(shí)在是看不出它好在哪里，學(xué)了也就相當(dāng)于白學(xué)了，也就逐漸的放棄了。
其實(shí)bootstrap非常有用。我結(jié)合自己對(duì)它的使用經(jīng)驗(yàn)總結(jié)一些關(guān)于如何輕松學(xué)習(xí)它的方法技巧。
包含：對(duì)它的全面重新認(rèn)識(shí)、學(xué)習(xí)方法，學(xué)習(xí)內(nèi)容、以及它的常用功能和對(duì)待它的正確態(tài)度等方面內(nèi)容。
首先來看看它是什么？
學(xué)了它有什么用呢？如果不學(xué)行不行？要回答這個(gè)，那就是要說說它是什么了。
它是在html,css,js,jquery基礎(chǔ)上進(jìn)一步封裝出的一個(gè)東西，定位為前端框架，具有跨平臺(tái)兼容功能，非常善于做自適應(yīng)的效果和提供常用便捷的效果。
所以，它自然包含了很多功能。如：下拉功能。所以如果你想要深入學(xué)會(huì)它，你首先得會(huì)js和jquery。
那么使用它必然就是會(huì)和js,jquery一起結(jié)合使用，方能應(yīng)用自如。
如果真正是零基礎(chǔ)，我建議你先不要來學(xué)它，還是先了解一些html,css,js,jquery這些支撐它的內(nèi)容。
2：學(xué)習(xí)方法
一開始你不要試著學(xué)習(xí)它的所有功能，包括某個(gè)功能的所有實(shí)現(xiàn)效果，不要貪，不要想著一口氣吃成個(gè)胖子。
這樣很容易打擊你的信心。
比如我一開始使用的時(shí)候就只使用它的樣式。這樣容易上手，如給a標(biāo)簽添加個(gè)class="btn btn-primary"，確實(shí)可以看到按鈕變的好看的效果。
又如：面包屑導(dǎo)航。只要寫上去就可以看見效果，這些小效果會(huì)給自己增加信心。而很多的時(shí)候你用的最多的也是這些小效果......
至于想要的行為，你可以試著先自己用js或jquery來實(shí)現(xiàn)，能實(shí)現(xiàn)就更好了，至少你知道了那些行為的來源。
此時(shí)你再慢慢調(diào)用它的js來實(shí)現(xiàn)功能，畢竟它做了兼容性處理。
一開始可以實(shí)現(xiàn)那些小一點(diǎn)的功能，如：下拉功能。你可以自己寫，可以用原生態(tài)js自己寫，用jquery自己寫。
這樣當(dāng)你寫的和它的差不多了，你其實(shí)就在慢慢摸索它做的那些行為的來源了。
當(dāng)你使用它的時(shí)候，自然就有據(jù)可依知道它的來源了，也就變得得心應(yīng)手了，興趣也跟著增加起來。
要等你用它比較多了，你就可以深入的去看它的源碼了，它的html,css,js，相信這時(shí)候你會(huì)對(duì)它更深入的認(rèn)識(shí)了，而且能隨心所欲的使用和修改。
此時(shí)你就可以把它派上你的項(xiàng)目的各個(gè)用場(chǎng)。
3：學(xué)習(xí)內(nèi)容
它很重要的一個(gè)東西就是布局：柵格布局。這個(gè)很有用，但也很抽象，很多初學(xué)者學(xué)了很久不知道怎么用它，什么時(shí)候用它，用來干什么。
于是就經(jīng)常被初學(xué)者放棄了，有點(diǎn)“撿芝麻、丟西瓜”的味道。它的神奇之處當(dāng)然就沒感覺不到了。
一些常用的class，如：btn,btn-primary，如：.table 等。然后再看一下代碼稍微多一點(diǎn)的功能如：
面包屑導(dǎo)航
導(dǎo)航條
面板
注意：會(huì)用一兩個(gè)都會(huì)讓你興趣慢慢培養(yǎng)起來，所以不要放棄那些只要稍微用一下就能學(xué)會(huì)的小功能的影響力。
4：對(duì)待bootstrap的態(tài)度
不要要求太完美，能用多少就用多少。它只是幫你快速的架出某個(gè)功能的架子，并不是一調(diào)用它就一定會(huì)完美。
很有可能要修改它，包括修改它的css，js行為，或者添加個(gè)沒有的效果。這樣才能讓它實(shí)用在各種場(chǎng)合。
比如它的面包屑導(dǎo)航，通常你復(fù)制過來了粘貼到自己的項(xiàng)目中就可以看到一個(gè)導(dǎo)航條，但是顏色、字體大小，文字和符號(hào)直接按的分隔距離等可能都不適合你的需求。
此時(shí)你千萬不要認(rèn)為你還不會(huì)用bootstrap，其實(shí)你已經(jīng)會(huì)用了。
你要做的而且必須要做的就是要在它的基礎(chǔ)之上重新調(diào)整它。添加新樣式，并結(jié)合你需要的功能添加其他的行為效果。
所以對(duì)待bootstrap，一定不要迷信它，不要認(rèn)為它是萬能的和完美的。
因此也就不要認(rèn)為一旦調(diào)用了它的什么功能，它就應(yīng)該100%的滿足你需要的任何要求。
它沒有什么標(biāo)準(zhǔn)答案，只是匹配程度是多少而已。你總需要修改的。
因此，應(yīng)該不斷加強(qiáng)css,js,jquery的學(xué)習(xí)，因?yàn)槟氵t早要修改，因?yàn)樗囊饬x就是幫你搭建90%，而你總要細(xì)調(diào)那10%。
如果對(duì)它要求太高了，你就會(huì)失望太大，就會(huì)懷疑自己，這樣的效果就不好了。
5：要多使用它
勤能補(bǔ)拙，熟能生巧。在你的項(xiàng)目中都試圖去使用它，不要怕錯(cuò)。慢慢總結(jié)和積累經(jīng)驗(yàn)。不能因?yàn)榕洛e(cuò)就不用它了。
能用多少就用多少，多試著修改和調(diào)整，一定要記錄使用經(jīng)驗(yàn)。用的越來越多，也就越來越順手了。
如果不知道自適應(yīng)是什么效果，你可以用電腦把瀏覽器的寬度縮小，然后慢慢的拉大。
+相關(guān)資訊
