Ausblenden eines div auf einer Seite sichtbar machen, die nur auf print-bootstrap 3 MVC 5

Gibt es eine web-Seite mit Informationen für den Benutzer. Wenn der Benutzer entscheidet, es zu drucken ich möchte zusätzliche Informationen enthalten, ist nicht erforderlich, auf dem Bildschirm, aber wäre hilfreich, wenn gedruckt.

In der Durchführung dieses Verhalten habe ich versucht zu machen, ein div sichtbar nur für den Druck. Es hat nicht funktioniert, obwohl:

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

Ich bin mit Bootstrap 3 und Sie fragte, ob es einen einfachen Weg, dies zu erreichen?

Definieren Sie ein Druck-stylesheet. smashingmagazine.com/2011/11/24/...
Ich denke, die Tatsache, die Sie verwendet haben hidden-lg hidden-md hidden-sm hidden-xs über das div, die Sie haben, effektiv versteckt das div über alle Ansichtsfenster. Einfach ein-oder ausblenden eines div für den Druck verwenden Sie die folgende: <div class="hidden-print">content für non-print</div> <div class="sichtbar-print">content für nur drucken</div>
Dein Vorschlag hat funktioniert. Wenn Sie können, legen Sie ihn bitte in eine Antwort, damit kann ich die Frage schließen. Danke!!!
Cheers Ben. Antwort Hinzugefügt.

InformationsquelleAutor Ben Junior | 2014-04-16

  1. 31

    Ich denke, die Tatsache, die Sie verwendet haben

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

    über die div bedeutet, dass man effektiv versteckt es in allen viewports. Einfach ein-oder ausblenden eines div für den Druck verwenden Sie den folgenden: 

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

<div class="visible-print">content for print only</div>
    Sie meinen Tag gerettet!! Kämpfte mit @media print-und es war nicht die Arbeit für einige Steuerelemente! Danke!!
    Ich bin eigentlich immer eine leere drucken mit visible-print. Ich weiß nicht, warum...

    InformationsquelleAutor SkyBlues87

Schreibe einen Kommentar