bootstrap 的媒體查詢

.container類是bootstrap的官方參考樣式，照着官方設定的樣式去自定義樣式，就對了，一個樣式要寫三份。      

@media screen and (min-width: 992px)｛
     .container {
          max-width: 960px;
      }
　　　.自定義類{height: 800px}
｝
   
@media screen and (min-width: 768px) and (max-width: 991px)｛
    .container {
        max-width: 720px;
    }
   .自定義類{height: 600px}
｝      

@media screen and (min-width: 576px) and (max-width: 767px)｛
    .container {
        max-width: 540px;
    }
   .自定義類{height: 200px}

｝
       

@media screen and (min-width: 992px){
    /*PC端*/
}

@media screen and (min-width: 768px) and (max-width: 991px){
    /*iPad端*/
}

@media screen and (min-width: 300px) and (max-width: 767px){
    /*手機端*/
}