bootstrap3文档读后感 、离开页面切换标题

BootCDN ：免费加速CDN服务，无速度带宽限制，永久免费。对大量前端开源工具提供CDN服务。

所以js插件都依赖jq库（版本：1.9.1 - 3）。bootstrap主题中使用Glyphicons图标。

全局样式

H5文档类型、移动设备优先、

排版与链接：scaffolding.less

为 body 元素设置 background-color: #fff;
使用 @font-family-base、@font-size-base 和 @line-height-base 变量作为排版的基本参数
为所有链接设置了基本颜色 @link-color ，并且当链接处于 :hover 状态时才添加下划线

Normalize ：css样式重置库   增强跨浏览器一致性

布局容器：由于padding属性原因，两者容器不可相互嵌套

.container 类用于固定宽度并支持响应式布局的容器。
.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。

 栅栏格式：支持响应式、移动设备优先的流式栅栏格式。

    “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。
    通过“行（row）”在水平方向创建一组“列（column）”。
    你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。
    Bootstrap 源码中定义的 mixin 也可以用来创建语义化的布局。
    通过为“列（column）”设置 padding 属性，从而创建列与列之间的间隔（gutter）。通过为 .row 元素设置负值 margin 从而抵消掉为 .container 元素设置的 padding，也就间接为“行（row）”所包含的“列（column）”抵消掉了padding。
    栅格系统中的列是通过指定1到12的值来表示其跨越的范围，大于 12，多余的“列（column）”另起一行排列。
    栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-md-* 栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 

 媒体查询、表格、表单、按钮、图片、辅助类、响应式工具

组件

data 属性 API 就能使用所有的 Bootstrap 插件、公开的 API 都是支持单独或链式调用方式，并且返回其所操作的元素集合（注：和jQuery的调用形式一致）。

js插件

data 属性 API 就能使用所有的 Bootstrap 插件、公开的 API 都是支持单独或链式调用方式，并且返回其所操作的元素集合（注：和jQuery的调用形式一致）。插件事件都有不定式（提供了 preventDefault 功能）和过去式两种动词的命名形式，3.0+后，事件的名称都采用命名空间方式。

模态框、下拉菜单、滚动监听事件、标签页、工具提示、弹出框、警告框、按钮、carousel

document.addEventListener('visibilitychange', function () {
    if (document.visibilityState == 'hidden') {
        normal_title = document.title;
        document.title = '你有正在进行的操作哦！';
    } else document.title = normal_title;
});