क्रोम पर बूटस्ट्रैप तालिका मुद्रित करते समय बग

Question

जब मैं क्रोम के नीचे अपना वेबपृष्ठ मुद्रित करना चाहता हूं तो मेरे पास एक अजीब बग है। मैं बूटस्ट्रैप का उपयोग कर एक टेबल प्रदर्शित करता हूं, जो पूरी तरह से स्क्रीन आकार (जो भी स्क्रीन आकार है) फिट बैठता है। जब मैं क्रोम के नीचे वेबपृष्ठ मुद्रित करना चाहता हूं, तो तालिका फसल हो जाती है, जबकि प्रिंटिंग लेआउट फ़ायरफ़ॉक्स का उपयोग करके सही होता है।

मैंने JSFiddle here पर अपनी बग को पुन: पेश करने में कामयाब रहा है।

मेरी मेज के HTML कोड है:

<table class="table table-condensed"> 
    <thead> 
     <tr> 
      <th>Col1</th> 
      <th>Col2</th> 
      <th>...</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="..."> 
      <td>...</td> 
      <!-- ... --> 
     </tr> 
     <tr class="separator empty" /> 
    </tbody> 
</table> 

क्या आपको पता है इस समस्या को हल करने के लिए है?
शायद तालिका के लिए विभिन्न बूटस्ट्रैप सीएसएस वर्ग का उपयोग कर?

Answer 1

सभी सामग्री मुद्रित प्रारंभिक ज़ूम आकार निर्दिष्ट करना।

@media print { 
    body { 
     zoom: .8 
    } 
} 

फिडल: http://jsfiddle.net/HB7LU/11671/

Answer 2

बूटस्ट्रैप 3 में एक ज्ञात बग है कि यह लगता है बूटस्ट्रैप 4. तक बंद कर दिया कर दिया गया है बग है जवाबदेही से कोई लेना देना मुद्रित शैलियों में लागू किया जा रहा है।

मेरे मामले में, मेरे सभी col-sm-* कक्षाओं को col-xs-* में बदलकर बहुत अच्छा काम किया।