In my bootstrap4 project, I am facing an issue where the user is unable to print the page. Despite having a print.css file with some obnoxious styles applied to test if they are working, they seem to have no effect at all.
The styles in question are:
@media print {
body{background-color:green;}
p{color:red;}
}
I suspect that Bootstrap may be interfering with these styles as the print does not even reflect Bootstrap's own styles.
Here is how my link looks like:
<link href="css/print.css" rel="stylesheet" media="print">
I also attempted changing the media type to "all," but that did not work either.
It's worth noting that this issue goes beyond just background color - other styles like display:none; also do not get applied. The background color was simply used as a test case for illustration.