# 簡介
## bootstrap是什么？
答：Bootstrap是Twitter推出的一個用于前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。
http://www.runoob.com/bootstrap/bootstrap-intro.html
https://github.com/twbs/bootstrap
主要特點如下：
bootstrap的特點有很多，我們先列舉出來各個特點，接下來再詳細介紹各個特點的好處。
1）兼容多版本瀏覽器
2）響應式布局，簡單說：一個網站能夠兼容多個終端，比如我們只做的網站能夠兼容PC端、Android手機、蘋果手機等，可以為不同的用戶提供更舒適的界面和更好的用戶體驗。
3）提供全面的組件，例如下拉菜單，按鈕組等
4）內置jQuery插件bootstrap中內置jquery插件，這樣使程序員使用jquery更加簡單方便，便于開發。
5）支持HTML5、CSS3特性
6）支持LESS動態樣式，LESSCSs是一種動態是一種動態樣式語言，屬于CSS預處理語言，使用類似CSS的語法，為CSS賦予了 動態語言的特點，如變量、集成、運算、函數等，更方便CSS的編寫和維護。可以很方便的使用。
## 什么是響應式網頁/自適應網頁？
答： 在2010年的時候提出，為什么會出現響應式呢？在2008年之前那個是處于2G和3G網絡，網頁主要是為PC端服務的。在09年之后，移動手機越來越多，
3G設備豐富，但是那個時候的網頁都是為PC端出現的，但是如果現在在PC端的網頁在手機上顯示，會出現什么效果呢？ 把內容強行縮小，在小屏幕的手機上顯示，那個時候專門為PC端寫一個，然后在手機端寫一個。
有人提出：可以是否一個網頁可以智能的根據用戶的行為以及使用的設備環境（系統平臺、屏幕尺寸、屏幕方向等）進行相應的布局，使得一個頁面可以兼容多個終端，無需編寫多個不同的版本。
網站：
http://www.cnblogs.com/wj601/p/5775614.html
https://yusi123.com/2407.html
https://yusi123.com/2539.html
http://www.alistapart.com/d/responsive-web-design/ex/ex-site-flexible.html
http://blog.jobbole.com/18611/
## 如何編寫響應式網頁？
答：
1. 流式布局（可以使用浮動進行布局）
2. 可伸縮的圖片和文字（PC的瀏覽器默認是16px）
3. 使用css3的媒體查詢技術，可以根據瀏覽設備的寬高來調用不同的css
## 如何測試響應式網頁？
答：
1. 使用真實的物理設備進行測試，測試效果好，但是最麻煩
2. 使用第三方的模擬器進行測試（海馬玩）
3. 使用瀏覽器提供的模擬器進行測試
# 編輯器使用
## webstorm簡介
## 常見emmet快鍵鍵簡介
