Rotativa und Bootstrap Grid Styling

7

Ich arbeite an einem ASP.NET MVC 5-Projekt und verwende Rotativa, um PDF-Dokumente aus Razor-Ansichten zu generieren.

Ich kann Rotativa nicht dazu bringen, die Ansicht mit dem Bootstrap-Stil korrekt darzustellen. Ich versuche, die Ansicht mit dem einfachen Grid-Layout zu gestalten, das Bootstrap so gut macht. Nichts zu ausgefallen.

Hier ist ein Screenshot meiner Razor View:

Hier ist ein Screenshot des PDFs:

Und hier ist der Inhalt meiner Ansicht:

%Vor%

Hat irgendjemand sonst das schaffen können?

    
Tim Norris 12.03.2015, 09:30
quelle

2 Antworten

18

Ich hatte ein ähnliches Problem. Versuchen Sie stattdessen col-xs - # statt col-md- # / col-sm- #, das funktioniert für mich perfekt.

    
Aleksei 17.03.2015, 23:33
quelle
3

Sie sollten die korrekte Seitengröße einstellen und auf die Auflösung und Bootstrap-Haltepunkte achten, wenn das Browserfenster verkleinert wird.

Aus dem Screenshot kann ich sehen, dass Sie bei der Konvertierung in PDF eine mobile Ausgabe erhalten. das bedeutet, Bootstrap hat eine kleine Seitengröße erkannt und passt den Stil dementsprechend an. Die Standard-Rotativa-Seitengröße ist A4, denke ich.

    
user3572806 16.03.2015 16:02
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset AVAudioRecorder zeichnet nicht im Hintergrund auf, nachdem die Unterbrechung der Audiositzung beendet wurde