如何使用css＆bootstrap样式打印我的页面

Question

我试图用我的CSS和boostrap样式打印我的网站。我正在用ctrl + p或window.print()函数打印;我尝试在我的打印函数media="print"和其他内容中包含CSS引用，但我无法使用CSS样式打印页面，并且助推样式仅显示没有颜色的div，控件和按钮边框。我的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; 
    } 

Answer 1

我是工作在过去的一周很遗憾我没有去完全进入制作引导风格见诸报端怎么过。在你的CSS添加

@media print { 
    p.class-name { 
    color: red !important; 
    -webkit-print-color-adjust: exact; 

    } 
} 

你设置你的元素应该如何应对打印

例如

#breadcrumbs { 
    display: none; 
} 

会阻止我的ID面包屑元素展示在打印@media打印内页。