javascript - 样式 twitter bootstrap navbar witout 将该样式应用于折叠的导航栏？

Question

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

Answer 1

将您的样式包装在媒体查询中，就像引导程序一样：

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

Answer 2

bootstrap navbar 的当前默认折叠宽度现在是 768px，因此为了仅为折叠的导航栏编写 css 样式，您将使用：

@media (min-width 768px) {
}