twitter-bootstrap - hidden-xs 在 Bootstrap 中打印时隐藏 div

Question

在 MVC 项目中，我们使用的是 bootstrap。

需要隐藏 xs 设备的 div，并且必须在打印和桌面时显示。

代码如下:

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

但是它在打印到窗口时隐藏了div。

Answer 1

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

向 hidden-xs div(如上)添加一个额外的用户定义类，并在您的样式表中添加上述规则。希望它能解决您的问题。