1. 程式人生 > >bootstrap 的媒體查詢

bootstrap 的媒體查詢

  有時候需要對bootstap的樣式自定義,比如說某個元素的“height”值,要放在與bootstrap媒體查詢同步的樣式裡,才會相容響應式佈局。

.container 類是bootstrap的官方參考樣式
@media (min-width: 992px){
     .container {
          max-width: 960px;
      }
   .自定義類{height: 800px} } @media (min-width: 768px){ .container { max-width: 720px; } .自定義類{height: 600px}
@media (min-width: 576px){
    .container {
        max-width: 540px;
    }
.自定義類{height: 200px}