I'm having trouble getting my website to print with its CSS and bootstrap styles. When I try to print using ctrl + p or the window.print()
function, only the div, controls, and buttons appear without their corresponding colors. I've attempted to include the CSS references in my print function using media="print"
, among other strategies, but nothing seems to work.
Here is an example of my CSS:
body{
background-color:gainsboro;
}
.wrapper {
margin-top: 80px;
margin-bottom: 20px;
}
.form-signin {
max-width: 420px;
padding: 30px 38px 66px;
margin: 0 auto;
background-color: #eee;
border: 3px dotted rgba(0,0,0,0.1);
}
.form-signin-heading {
text-align:center;
margin-bottom: 30px;
}
.form-control {
position: relative;
font-size: 16px;
height: auto;
padding: 10px;
}