引导，少，媒体查询

我使用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

引导，少，媒体查询

回答

相关问题