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

Ben*_*ior 13 twitter-bootstrap

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

为了实现这种行为,我试图div只为打印提供可见性.它没有工作:

<div class="visible-print hidden-lg hidden-md hidden-sm hidden-xs">
Run Code Online (Sandbox Code Playgroud)

我正在使用Bootstrap 3,并想知道是否有一种简单的方法来实现这一目标?

Sky*_*s87 37

我想你已经习惯了

hidden-lg hidden-md hidden-sm hidden-xs
Run Code Online (Sandbox Code Playgroud)

穿过div意味着你已经有效地将它隐藏在所有视口中.要简单地隐藏或显示div以进行打印,请使用以下内容:

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

<div class="visible-print">content for print only</div>
Run Code Online (Sandbox Code Playgroud)