css - 导航栏{显示: none} class not applied using bootstrap CSS

Question

bootstrap.css 文件中包含三个.navbar Bootstrap 类。

• 第一个 .navbar 规则将 display 属性设置为 none。
• 第二个 .navbar 规则设置位置、height、margin 和 border。
• 第三个.navbar规则被封装成一个媒体规则min-width: 768px，并设置了border-radius。

现在，如果我用 class="navbar" 创建一个 div，我希望它被隐藏。但事实并非如此。我无法找出第一个 .navbar 没有被应用的原因。

Answer 1

如果您检查 CSS file .navbar { display:none } 位于 @media print {} 内，因此浏览器只会在打印或使用打印预览时应用该类。