引導，少，媒體查詢

我使用Twitter的引導& Jasny，引導並具有以下媒體查詢：引導，少，媒體查詢

// --- Media Queries (navmenu-main) --- 
@media (min-width: 992px) { 
    body { 
     // Padding to move content beside "navmenu-main" 
     padding: 0 0 0 300px; 
    } 

    .navmenu-main { 
     // Remove Top-Padding from "navmenu-main" because it's only needed with "navbar-usage" 
     padding-top: 0; 
    } 
} 


// --- Media Queries (navbar-main) --- 
@media (min-width: 1px) { 
    .navbar-main .navbar-toggle { 
     // Force to show toggle button 
     display: block !important; 
    } 
} 

@media (min-width: 992px) { 
    .navbar-main { 
     // IE8 fix from "jasny-bootstrap" example 
     display: none !important; /* IE8 fix */ 
    } 
}

所以我的問題是 - 我必須把所有媒體查詢在或者爲什麼他們在最後一個位置工作，但沒有在他們使用的類的聲明之後工作？

來源

2014-11-23 nPoday

「在不太文件的結尾」 - 不，有沒有這樣的規定。「但不是在聲明之後」 - 嗯，你能提供一個「非工作」代碼的例子嗎？ – 2014-11-23 06:28:59

您必須製作一個單獨的自定義css文件並將其鏈接到您的index.html頁面。將index.html中的引導結束樣式表放在鏈接後面。然後在您創建的文件中放置自定義媒體查詢，因爲瀏覽器會最後讀取自定義樣式表並從此處獲取信息。

你應該只在你的css中使用@media（min-width：992px）{}，你所有的樣式都應該放在那裏。

您可以在此處詳細瞭解媒體查詢：

http://getbootstrap.com/css/

來源

2014-11-23 04:10:05 Jose

「你應該只使用@media（min-width：992px）{*'*一次*」 - 這裏沒有這樣的要求。 – 2014-11-23 06:35:33

引導，少，媒體查詢

回答

相關問題