Html 使用引导修复导航栏打印问题

我已经用bootstrap固定导航条创建了网站。它有固定的导航栏，所以在样式表主体中有70px的顶部填充

当我打印页面时，它会在纸张顶部添加额外的空间。我该怎么做才能消除顶部填充造成的额外空间

下面是带填充的打印预览

下面是无填充的打印预览，我希望顶部空间更小

如果我删除了填充，打印的内容是我想要的，但是浏览器中的内容在导航栏后面，我看不到前2-3行

---

请给我一些解决方案，以保留固定导航栏和填充，使其不包含在打印中。

像这样添加一个新的打印样式表（将其放在主样式表之后）：

---

公认的答案非常有效，但如果您不想添加新的样式表，另一种方法是将主体填充物包装在媒体标记中。在您的Site.css中：

@media screen {
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

}

这指定仅在查看页面时应用样式，而不是打印。

我知道您可能希望也可能不希望在打印时显示导航栏。我想展示它，所以我在CSS中添加了这个（bootstrap3）：

---

为什么不创建一个只用于打印的css呢？我已经创建了只用于打印的样式表，但没有工作，谢谢您的解决方案。我不知道我们也可以创建只用于打印的样式表。太好了，你解决了！既然这实际上是正确的解决方案，我可以移动评论来回答吗？Ups，刚刚看到有人把它当作解决方案了。所以我不需要添加它。它成功了，谢谢你的解决方案。我不知道我们也可以创建只用于打印的样式表。

body {
    margin-top: 0;
}

@media screen {
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

@media print { 
    .navbar {
        display: block;
        border-width:0 !important;
    }
    .navbar-toggle {
        display:none;
    }
}