如何使用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打印內頁。