**
Bootstrap 移動設備優先 解決自適應問題
**
Bootstrap 3本身默認的css對移動設備能友好支持
爲了讓 Bootstrap 開發的網站對移動設備友好，確保適當的繪製和觸屏縮放，需要在網頁的 head 之中添加 meta 標籤;
<meta>位於文檔的頭部，不包含任何內容。它的屬性定義了與文檔相關聯的名稱/值對；可提供有關頁面的元信息，比如針對搜索引擎和更新頻度的描述和關鍵詞；
<meta>標籤有一個必需的屬性爲content=“some_text”；用來描述定義與 http-equiv 或 name 屬性相關的元信息；
要達到對不同設備的友好支持和自動縮放，代碼如下
<meta name="viewport" content="width=device-width initival-scale=1.0 maximum-scale=1.0 user-scalable=no">其中name=“viewport”（窗口）
width：控制 viewport 的大小，可以指定的一個值，如 600px，或者特殊的值；如 device-width ：爲設備的寬度（單位爲縮放爲 100% 時的 CSS 的像素）。還可以添加height；
initial-scale=1.0 ：確保網頁加載時，以 1:1 的比例呈現，不會有任何的縮放。
maximum-scale：允許用戶縮放到的最大比例。
minimum-scale：允許用戶縮放到的最小比例。
user-scalable：用戶是否可以手動縮放