Bootstrap

标签：

Bootstrap
用于整体布局，简单方便迅速。

Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。

重置技术
最古老、暴力、原始的方法

        *{
           margin:0;
           padding:0;
         }
reset.css   不通用，很多版本

Normalize.css    成熟的通用版本

        字体，定义了sans-serif,即不衬线字体。
        不衬线字体，每一笔画没有装饰，比如黑体等，常用于屏幕字体。
        因为随着屏幕的变化变大，衬线字体会模糊等失真。
        衬线字体在每一笔画都会有简单的装饰效果，比如宋体等，常用于印刷。

多适用屏幕适用
四种屏幕

         超小屏幕设备 手机 (<768px)     .col-xs- 一般使用这个
         小屏幕设备 平板 (≥768px)    .col-sm-    
         中等屏幕设备 桌面 (≥992px)      .col-md-
         大屏幕设备 桌面、电视、2k、4k屏幕 (≥1200px)   .col-lg-
         xs可以适应其它三种屏幕，但是lg只适应大屏幕设备，当屏幕<1200px时，会占满整行。即随着屏幕的大小向上适应。

Bootstrap

标签：

原文地址：http://www.cnblogs.com/nicole2koala/p/5561970.html