2014-02-26 128 views
0

我有一個頁面,我正在使用bootstrap。 當我調整窗口大小時,在某些時候bootsrtap沒有得到應用。 貝婁是我 頁面全長的屏幕截圖: enter image description herebootstrap不適用於某些點

後我調整: enter image description here

我使用的引導V2.3.2 我能解決這個問題。任何人都可以幫忙嗎?

回答

1

你已經有了一個「差距」在媒體查詢您的輸入(與CSS span10

有一個media (max-width: 979px) and (min-width: 768px)並有一個@media (min-width: 1200px)所以你錯過了媒體查詢[980。 ,1199]

當前媒體查詢:

media (max-width: 979px) and (min-width: 768px) 
.row-fluid .span10 { 
    width: 82.90598290598291%; 
    } 

    @media (min-width: 1200px) 
    .row-fluid .span10 { 
    width: 82.87292817679558%; 
    } 

PS:啓動Chrome瀏覽器檢查器(F12在谷歌瀏覽器),並與之結識迅速看到自己

+0

是的,你是對的,但我只從引導下載此css文件。 –

0

由於某些原因,您的bootstrap.min.css不包含Bootstrap的默認網格CSS,因此當瀏覽器窗口在該寬度內時,它沒有任何樣式可應用於您的.span *類。

如果將以下內容複製並粘貼到bootstrap.min.css(並在bootstrap-responsive.css之前包含該css文件),那麼它應該可以工作。

http://pastebin.com/LC50YSGn

相關問題