隐藏页面中的 div 并使其仅在 print bootstrap 3 MVC 5 上可见答案

【问题标题】：Hide a div in a page and make it visible only on print bootstrap 3 MVC 5隐藏页面中的 div 并使其仅在 print bootstrap 3 MVC 5 上可见
【发布时间】：2017-03-10 19:29:49
【问题描述】：

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

为了实现这种行为，我试图使 div 仅在打印时可见。但它没有工作：

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

我正在使用 Bootstrap 3，想知道是否有一种简单的方法可以做到这一点？

【问题讨论】：

定义打印样式表。 smashingmagazine.com/2011/11/24/…
我认为你已经在 div 中使用了 hidden-lg hidden-md hidden-sm hidden-xs，你已经有效地在所有视口中隐藏了 div。要简单地隐藏或显示用于打印的 div，请使用以下命令：
非打印内容

仅打印内容
@SkyBlues87 你的建议奏效了。如果可以的话，请把它放在答案中，以便我可以结束这个问题。谢谢！
干杯本。已添加答案。

标签： twitter-bootstrap

【解决方案1】：

我认为你已经使用的事实

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>

【讨论】：

你拯救了我的一天！！正在努力使用@media print，但它不适用于某些控件！谢谢！！