20150816 Bootstrap入门

Bootstrap简单、灵活的勇于搭建WEB页面的HTML/CSS/JavaScript的工具集
基于html5+css3，是简洁、前大的前端开发框架，让web开发更迅速、更简单

下载：http://getbootstrap.com/
Bootstrap2放弃...
Bootstrap3放弃IE7/Firefox3.x, IE8支持，但不完全呈现效果

Bootstrap中的JS插件依赖于jQuery，因此jQuery要在Bootstrap之前引用

html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。


<meta http-equiv="X-UA-Compatible" content="IE=edge">
在IE运行最新的渲染模式


<meta name="viewport" content="width=device-width, initial-scale=1">
ViewPort <meta>标记用于指定用户是否可以缩放Web页面。
width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。
initial-scale指令用于设置Web页面的初始缩放比例。


"指定用户是否可以缩放视区，即缩放Web页面的视图。"是user-scalable指令 ,值为yes时允许用户进行缩放，值为no时不允许缩放。


Bootstrap是移动设备优先的，它针对移动设备的样式融合进了框架的每个角落，似的只需要通过简单的编码，便可以实现漂亮的响应式布局。


CSS/COMPONENTS/JavaScript/定制Bootstrap


html5shiv.js让IE6-8识别html5新元素
respond.min.js解决IE8对CSS3 Media Query支持


导航条依赖JS，响应式导航条依赖折叠插件collapse datatoggle="collapse"


使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。