Twitter bootstrap 隐藏页面中的div并使其仅在打印引导程序3 MVC 5上可见

有一个网页向用户显示信息。如果用户决定打印它，我想包括屏幕上不需要的其他信息，但打印时会很有帮助

为了实现这种行为，我试图使

div

仅在打印时可见。但它没有起作用：

<div class="visible-print hidden-lg hidden-md hidden-sm hidden-xs">

---

我正在使用Bootstrap 3，想知道是否有一种简单的方法来实现这一点？

我认为您使用的是

hidden-lg hidden-md hidden-sm hidden-xs

跨越div意味着您已在所有视口中有效地隐藏了它。要简单地隐藏或显示用于打印的div，请使用以下命令：

<div class="hidden-print">content for non print</div>

<div class="visible-print">content for print only</div>

非打印内容
仅用于打印的内容

定义打印样式表。我认为您在div中使用了hidden lg hidden md hidden sm hidden xs，实际上在所有视口中都隐藏了div。要简单地隐藏或显示用于打印的div，请使用以下命令：content for non-print content for printonly@SkyBlues87你的建议奏效了。如果可以的话，请把它写在一个答案里，这样我就可以结束这个问题了。非常感谢。干杯，本。回答补充道：你救了我一天！！正在与@media print进行斗争，某些控件无法正常工作！谢谢