當引導程序堆疊列時應用css

我只需要在調整頁面大小時引導程序堆疊列時應用一些css規則。當引導程序堆疊列時應用css

目前我使用媒體查詢像這樣的：

@media (max-width: 983px) { 
    .footer-links { 
     margin-top: 0; 
    } 
    .col-info { 
     margin-top: 15px; 
    } 

    .show-link { 
     color: #FFFFFF; 
    } 
    .show-title { 
     color: #FFFFFF; 
    } 


}

這樣做的問題是，寬度值是固定的大小。在較小的設備上，列將以較低的寬度堆疊。

所以我需要檢測引導程序何時包裝列以及何時再次展開它們。

來源

2015-02-11 Luke

這些列被堆疊_because_ Bootstrap使用媒體查詢，在某些基於寬度的斷點處應用不同的格式 - 因此您不清楚這裏實際要求的內容。 – CBroe 2015-02-11 08:37:39

我可以在我自己的CSS中使用bootstraps媒體查詢嗎？ – Luke 2015-02-11 08:47:16

看看LESS變量bootstrap的用法（http://getbootstrap.com/css/#grid-media-queries） - 如果你把CSS切換到LESS，那麼你也可以使用這些變量。（請注意，這可能涉及的不僅僅是更改文件擴展名，所以請研究一下。） – CBroe 2015-02-11 08:49:32

至於我記得，自舉後 iPad的畫像尺寸 '棧' ：

之前的iPad =

@media (max-width: 768px) {

後的iPad =

@media (max-width: 767px) {

所以影響樣式，請將您自己的覆蓋添加到第二個媒體查詢中，並確保在之後聲明瞭 bootstrap css和特性是正確的。

來源

2015-02-11 09:41:12

當引導程序堆疊列時應用css

回答

相關問題