Ich habe hier eine Menge Antworten zum Thema Stapelüberlauf durchgesehen, in denen das, worüber ich mich wundere, teilweise verdeckt ist, aber nichts gefunden, das für mich funktioniert hat.

Ich verstehe, dass die Druckseite für A4 ungefähr 550 Pixel groß ist und Bootstrap daher die Stile und das Layout verwendet, die normalerweise für Mobilgeräte verwendet werden.

Wenn ich Strg + P für meine Webseite verwende, sieht die druckbare Seite genauso aus wie die mobile Version meiner Seite. Aber wie mache ich es so, dass es wie die Desktop-Version aussieht? (Medien> 1024 px) Gibt es eine Möglichkeit, dies zu tun?

Ich weiß, dass ich das CSS speziell für den Druck ändern kann. Aber wie kann man dieses Problem mit dem Bootstrap-3-Grid-System lösen? Die Breite meiner divs richtet sich nach dem, was ich für col-xs hinzugefügt habe, aber ich möchte, dass der Ausdruck das Layout (Breite) für col-md verwendet

Bearbeiten: Nachdem ich einige Stunden damit zu kämpfen hatte, wurde mir klar, dass es komplexer sein könnte, als ich erwartet hatte. Nur die Breite zu ändern, löst es für mich nicht. Viele meiner divs haben die Syntax von

<div class="md-right sm-right xs-down col-md-1 col-sm-2 box"></div>

oder

<div class="col-md-4 col-sm-6 col-xs-12"></div>

Die Seite sieht in XS für kleine Geräte gut aus, aber das Drucken in XS lässt viele Elemente gigantisch aussehen. Die Frage bleibt also. Gibt es eine Möglichkeit, die Druckseite so aussehen zu lassen, wie das Layout für mittlere oder große Geräte? Oder muss ich das Druck-CSS ohne Verwendung des Bootstrap-Rastersystems erstellen und statische Breiten in pt für alle Elemente hinzufügen, um dies zu erreichen?

Danke im Voraus