Twitter bootstrap 隐藏xs在引导中打印时隐藏div

在MVC项目中，我们使用的是引导

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

代码如下所示：

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

--内容--

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

Bootstrap提供了一些帮助类，用于更快的移动友好型开发。这些可用于通过媒体查询，结合大型、小型和中型设备，按设备显示和隐藏内容

超小
✔ 在x-small上可见

内容
@媒体印刷品{
.打印可见{
显示：块！重要；
}
}

---

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

代码是作为内容的，但是div的意图是做一些不规则的行为，正如您可以看到的屏幕截图（有问题的更新）。

  <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>

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