1、首先要了解bootstrap是一個框架，用於開發響應式佈局、移動設備優先的項目；
2、bootstrap包括起步、全局CSS樣式、組件、JS函數插件、定製五部分；
3、學習bootstrap需要bootstrap手冊；
4、使用bootstrap主要是使用其中的CSS樣式表，不僅要記住，而且要熟練使用一千多個class樣式；
5、bootstrap可以免費使用兩百多個Glyphicons Halflings字體圖標，免費的Fontawesome字體圖標也是開發的一個不錯的選擇；
6、要想熟練使用一千多個class樣式，必須瞭解組件等的底層處理技巧（即效果是如何實現的）；
7、因爲bootstrap中的動畫效果數量少且效率低，儘量不要使用boostrap中的動畫效果，可以優先使用其他第三方動畫庫等；
8、bootstrap中CSS樣式表是基於Less和Sass（bootstarp4，新版最好在nodejs環境下，npm安裝包來進行開發）開發的，所以學習bootstrap也要學習這兩種預處理腳本語言；
9、Less文件經過Less編譯器可以轉換爲CSS樣式文件，可以在Less源碼基礎上對bootstrap進行定製，實現自己需要的效果；
如何使用bootstrap（使用webstorm開發）：
1、打開webstorm新建項目，引入官網中下載好的文件：
1.1 bootstrap.css；-->該文件中包含約6800行代碼；
1.2 5個glyphicons字體文件；
1.3 bootlint.js、bootstrap.js、html5shiv.min.js、jquery-1.11.3.js、response.min.js；
實際開發過程中可以都引入帶min的壓縮版本；
如下圖1所示：
圖1
2、Files>new...>Edit File Templates...菜單目錄下新建一個帶有bootlint檢查工具的HTML模板；
模板中引入相關css以及js文件，其中引入bootlint工具的那一塊可以單獨創建一個外部腳本並引入；
如下圖2所示：
圖2
3、完成模板後，就可以利用該模板進行開發工作了。
如下圖3所示：
圖3