Bootstrap 3 ile wkhtmltopdf kullanımı renk stillerini kaldırır

Meteor'dan SSR paketi ve wkhtmltopdf kullanarak pdf raporları oluşturmaya çalışıyorum. Bir şey hariç, işler iyi gidiyor: bootstrap 3'ü bağladığımda tüm renkleri kaybediyorum. Sütun formatı, tablo formatı, vb. Her şey yolunda, ama her şey siyah beyazdır. Satır içi css kullanıyor olsam bile, tek alacağım siyah beyazdır.Bootstrap 3 ile wkhtmltopdf kullanımı renk stillerini kaldırır

Destekleyici bağını kaldırırsam, tüm renkler beklendiği gibi gelir.

<Template name="spaceUtilSpacePDF"> 
    <html> 
     <head> 
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> 
     </head> 
     <body> 
      <div class="container-fluid"> 
       <div class="row"> 
        <div class="col-xs-4"> 
         <div class="well"> 
         <table class="table"> 
          <tbody> 
           <tr> 
            <td class="bg-danger"> Stuff</td> 
            <td style="background-color:blue"> Stuff</td> 
            <td style="color:red"> Stuff</td> 
           </tr> 
          </tbody> 
         </table> 
        </div> 
       </div> 
            </div> 
      </div> 
      <div style="page-break-after:always"></div> 
      <button class="btn btn-danger">Test Button</button> 

     </body> 
    </html> 

</Template>

kaynak

2015-02-09 Itinerati

Bu muhtemelen çünkü the following snippet from the HTML5 Boilerplate that's included in Bootstrap v3:

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ 
// ========================================================================== 
// Print styles. 

@media print { 
    *, 
    *:before, 
    *:after { 
    background: transparent !important; 
    color: #000 !important; // Black prints faster: h5bp.com/s 
    //... 
    }

Sen Bootstrap kopyanızdan bu kaldırmak, ya da geçersiz kılmak için deneyebilirsiniz ya taşımaktadır:

Burada render ediyorum taslak.

Bootstrap v4'ün bu snippet'i kaldırdığını unutmayın.

kaynak

2015-02-09 18:04:06 cvrebert

@crush Daha az/sass dosyasını indirin ve kendinizi yapılandırın mı? –

Bootstrap 3 ile wkhtmltopdf kullanımı renk stillerini kaldırır

cevap

İlgili konular