样式twitter bootstrap navbar无法将该样式应用于折叠的导航栏？

Question

我将一些样式应用到twitter bootstrap导航栏，然后意识到我不想在折叠版本上使用这些样式。我首先找了一些应用类来区分折叠和未折叠的条，但我找不到一个。我将尝试使用JS有条件地添加一个类......有更好的方法吗？

Answer 1

将样式包装在媒体查询中，例如bootstrap：

@media (min-width: 980px) {
    /* your conditional CSS*/
}

Answer 2

bootstrap导航栏的当前默认折叠宽度现在是768px所以为了只为折叠的导航栏编写css样式，你可以使用：

@media (min-width 768px) {
}