Bootstrap小白入门训练营

Bootstrap简介
Bootstrap是来自Twitter目前最后欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得web开发 更加快捷。
Bootstrap是一款响应式UI框架。
先区分响应式和自适应两个概念：
响应式：一套代码适应多个终端（如worktile,利仁）。
适合于展示型的网站，
功能多，或内容特效多了就不太适用了，
响应式更多的是理想状态。
自适应：多套代码，根据不同的设备加载不同的代码（如爱淘宝）
另外说一下与之有关的两个相对单位：em和rem（一般针对的是移动端开发的代码）
em相对与父元素的相对单位，当父元素字体大小是16px，如果子元素的字体大小是2em,那么子元素的字体大小就是16x2=32px；与父元素的字体大小有直接关系。
rem相对与根元素就是html的字体大小，当html字体大小是12px时，元素的字体大小是2rem，那么就是12x2=24px;只与html的字体大小有关。
另外注意浏览器默认有字体大小：
浏览器默认最小字体：chrome 12px 火狐 IE没有限制
浏览器默认字体大