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>