Скрыть div на странице и сделать его видимым только на загрузочном буклете печати 3 MVC 5

Существует веб-страница с информацией о пользователе. Если пользователь решает распечатать его, я хочу включить дополнительную информацию, которая не требуется на экране, но будет полезна при печати. ​​

Чтобы реализовать это поведение, я пытался сделать div видимым только для печати. Это не сработало:

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

Я использую Bootstrap 3 и задаюсь вопросом, есть ли простой способ сделать это?

Ответ 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>