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時，會佔滿整行。即隨着屏幕的大小向上適應。