**
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：用户是否可以手动缩放