Bootstrap基本的HTML模板

Bootstrap 是当下最流行的前端框架（界面工具集）。 是一个用于快速开发 Web 应用程序和网站的前端框架。用于开发响应式布局、移动设备优先的 WEB 项目。

移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。

响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。格式如下：

  ...

Bootstrap 的第三方依赖的库：

jQuery：Bootstrap框架中的所有JS组件都依赖于jQuery实现，jQuery作为一个框架来讲，提供一套比较便捷的操作DOM的方式；点击打开链接下载
html5shiv：让低版本浏览器可以识别HTML5的新标签，如header、footer、section等；点击打开链接下载

respond：让低版本浏览器可以支持CSS媒体查询功能。点击打开链接下载

    
    
    
    
    
    
    
    
    
    
    
    
    
    


    
Hello!
    
    
    
    
    

Compatible 兼容的

此属性为文档兼容模式声明，表示如果在IE浏览器下则使用最新的标准渲染当前文档，模式Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染。

此属性为移动端页面视口设置，当前值表示在移动端页面的宽度为设备的宽度，并且不缩放（缩放级别为1），也不允许用户手动缩放。

width——viewport的宽度
height——viewport的高度
initial-scale——初始的缩放比例
minimum-scale——允许用户缩放到的最小比例
maximum-scale——允许用户缩放到的最大比例
user-scalable——用户是否可以手动缩放，值可取yes/no,默认yes，表示允许用户缩放，设置为no，表示不允许缩放。

视口的作用：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备这么大，然后展示。

通常情况下，maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。