9. Bootstrap介紹與安裝

1. 響應式網頁介紹
   簡單來說，響應式網頁就是一個網頁可以在不同的載具上呈現，早期網頁同時要制作不同的版本，如手機版、電腦版，如今只要制作一個即可。
   優點：
   1. 開發成本與時間比APP低
   2. 不需下載APP就能使用
   3. 維護成本比APP低
   4. 符合使用者習慣
   5. 利於SEO(搜尋引擎最佳化)
   
   缺點：
   1. 舊版瀏覽器不支援
   2. 小尺寸螢幕不適合複雑的功能或介面
   3. 載入速度問題
   4. 不同載具間的瀏覽方式
   5. 開發時間較長
2. 認識Viewport
   Viewport的作用是告訴瀏覽器，目前裝置有多寬或多高，以讓訪客在透過不同的裝置瀏覽網站時，作為縮放的基準比例

   <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
   

   width：使用device-width(裝置寬度)作為可視區域的寬度。
   initial-scale：初始比例，用1表示100%，範圍從0.1~1可任填。
    maximum-scale=1.0
   minimum-scale：最小可以縮放到0.8比例
   maximum-scale：最大可以縮放到2.0比例
   user-scalable：是否允許縮放，1 或 0 (yes 或 no)

3. 何謂bootstrap
   Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton編寫，本意是製作一套可以保持一致性的工具和框架。
   官網：http://getbootstrap.com/
   正體中文：https://kkbruce.tw/bs3
   簡體中文：http://www.bootcss.com/