Twitter Bootstrap - 打印所有标签内容

gun*_*k12 16 printing tabs twitter-bootstrap

我已经设置了基本的引导选项卡,没有动态插入的内容,并在我的基本样式表中打印特定的媒体查询.当用户从浏览器打印时,我希望打印所有选项卡内容,而不仅仅是活动选项卡.我知道必须有一个简单的解决方案,我只是想不出来.

Sco*_*son 42

在您的打印媒体查询中尝试此操作:

.tab-content > .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
Run Code Online (Sandbox Code Playgroud)

  • 我需要`可见性:可见!重要` (3认同)
  • 正是我需要的.我还在每个标签部分之后添加了`page-break-after:always`以在打印输出中获得分页符.加上`.nav-tabs {display:none;}`也可以在@media打印查询中删除标签本身 (3认同)