hidden-xs在引導程序中隱藏打印div

Question

在MVC項目中，我們使用bootstrap。

需要隱藏xs設備的div，並且必須在打印和桌面時顯示。

代碼是在下面爲：

<div class="hidden-xs"> 
    --Content-- 
</div> 

但它在時間躲在格打印到窗口。

Answer 1

<div class="hidden-xs print-visible"> content </div> 
@media print{ 
    .print-visible{ 
     display: block !important; 
    } 
} 

添加額外的用戶定義的類隱藏-XS DIV（如上），並在樣式表中添加上述規則。希望它能解決你的問題。

Answer 2

Bootstrap提供了一些少數的幫助類，以加快移動友好的開發。這些可用於通過媒體查詢顯示和隱藏設備的內容，並結合大型，小型和中型設備。

<div class = "container"> 
    <div class = "row visible-on"> 
     <div>    
      <span class = "hidden-xs">Extra small</span> 
      <span class = "visible-xs">✔ Visible on x-small</span> 
     </div> 
    </div> 
</div>