<p dir="auto">Recently I found this piece of code inside bootstrap 3 releases.<br>
This can be a problem for those trying to override css styling on print.<br>
Does anyone have any proposal to fix it?</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}"><pre class="notranslate"><code class="notranslate">@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}
</code></pre></div>
<p dir="auto">Eventually a css sheet dedicated to print would be better.</p>
<p dir="auto">This problem is reported here too : <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="37078862" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/14031" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/14031/hovercard" href="https://github.com/twbs/bootstrap/issues/14031">#14031</a></p>
<p dir="auto">default print media query adds an aggressive * style with !important to it. This makes it impossible to have a print version of the page without manually deleting the media query.<br>
Bootstrap should not make any assumptions about the desired print view of the site.<br>
[should be labeled under "meta"]</p>