bootstrap

   bootstarp
   前端框架
   響應式佈局
   
   1.引入jquery的js文件
   2.引入boostrap的js文件
   3.引入bootstrap的css文件
   4.設置視口(支持移動設備優先)
    <meta name="viewport" content="width=device-width, initial-scale=1">
   5.建立一個容器
    div
    class
     container
     container-fluid

  css的媒體查詢
   分辨率     屏幕大小
   fbl>1200px    大屏幕
   1200px>fbl>992px   中等屏幕
   992px>fbl>768px    小屏幕
   768px>fbl    超小屏幕

  柵格系統:
   一行被分紅12份    若是超過12份另起一行
   分辨率     屏幕大小           樣式
   fbl>1200px    大屏幕  col-lg-n
   1200px>fbl>992px   中等屏幕 col-md-n
   992px>fbl>768px    小屏幕  col-sm-n
   768px>fbl    超小屏幕 col-xs-n
   
   能夠隱藏元素 div
    hidden-xs |sm|md |lg
    只會聲明本身
  bootstrap的組成
   全局的css樣式
   組件
   js插件