在頁面中隱藏div並僅在打印引導時使其可見3 MVC 5

有一個向用戶顯示信息的網頁。如果用戶決定打印它，我想在屏幕上包含其他不需要的信息，但打印時會有所幫助。在頁面中隱藏div並僅在打印引導時使其可見3 MVC 5

爲了實現這種行爲，我試圖使div僅用於打印。它沒有工作，雖然：

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

我使用Bootstrap 3，想知道是否有一個簡單的方法來實現這一目標？

2014-04-16 Ben Junior

定義打印樣式表。 http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet-2/ –

我想你已經使用隱藏lg hidden-md隱藏的事實-sm在div中隱藏了xs，您已經有效地隱藏了所有視口中的div。要簡單地隱藏或顯示打印一個div使用以下命令：

content for print only

– SkyBlues87

@ SkyBlues87你的建議的工作。如果你可以把它放在一個答案中，以便我可以結束這個問題。謝謝！ –

我想你已經使用

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>

2014-04-22 10:15:55 SkyBlues87

你救了我的一天！正在與@media打印掙扎，它不適用於某些控件！謝謝！！ –

回答