bootstrap思考一

    bootstrap是一種熱門的Web前端流行框架，若是要兼容PC端、手機端和響應式佈局，那他必定是個人首選。bootstrap內容不少，功能強大，其中最好入門也是很重要的就是他的柵格系統。他有四個典型類：

col-xs-     對應超小設備（屏幕<768 px ）手機

col-sm-    對應小型設備（屏幕>768 px 屏幕<992 px ）平板電腦

col-md-   對應中型設備（屏幕>992 px 屏幕<1200 px ）臺式電腦

col-lg-    對應大型設備（屏幕>1200 px）臺式電腦

  簡單的寫法：

<div class="row">

    <div class="col-xs-3 col-sm-2 col-md-2"></div>

    <div class="col-xs-3 col-sm-2 col-md-2"></div>

   <div class="col-xs-3 col-sm-2 col-md-2"></div>

</div>