bootstrap入门

Bootstrap提供了如下重要的特性：
❑一套完整的基础CSS插件。
❑丰富的预定义样式表。
❑一组基于jQuery的JS插件集。
❑一个非常灵活的响应式（Responsive）栅格系统，并且崇尚移动先行（Mobile First）的思想。

css优先级

优先级
如何确定CSS的优先级？这里我们要先引入一个机制，分别
用4个数字（a，b，c，d）表示优先级组合，比如1，1，1，1和0，1，0，1。它们的意思分别是：
❑第一个数字（a）表示style属性，优先级最高。由于一般都是class样式，所以该值一般都是0。
❑第二个数字（b）是该CSS选择器上的id数量的总和，一般都是1个。
❑第三个数字（c）是用在该CSS选择器上的其他属性CSS选择器以及伪类的总和。这里包括class（.btn）和属性CSS选择器（比如li[id=red]）。
❑第四个数字（d）计算元素（就像table、p、div等）和伪元素（就像first-child等）。
❑通用CSS选择器（*）是0优先级。
❑如果两个CSS选择器有同样的优先级，在样式表中后面的那个起作用。

例：计算下面两个选择器的优先级：
#leftbar li#first { color: red; }
#leftbar li:first-child{ color: blue; }
结果肯定是第1个比第2个优先级高，因为第1个的优先级是0，2，0，1，而第2个是0，1，0，2。