Printing Twitter引导-打印所有选项卡内容

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

在您的打印媒体查询中尝试以下方法：

.tab-content > .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

---

@斯科特的回答对我不起作用，我想这是因为我使用的是Bootstrap4

这就是我在Bootstrap4中的工作原理。我在适当的地方添加了显示助手类

d-print-block

，

d-none

，和

d-print-none

我根本不想打印顶部导航栏，所以我添加了

d-print-none

<ul class="nav nav-tabs nav-bordered d-print-none" role="tablist" id="mainTabs">

---

完美的成功了。谢谢我会给你投票的，但我对这一点比较陌生。酷——你应该能够通过点击数字左边来接受答案。这在尝试生成PDF版本的网页时也会有所帮助，该网页需要PhantomJSI

visibility:visible！重要信息

t正是我所需要的。我还添加了

分页符after:always

，以便在每个选项卡部分之后的打印输出中获得分页符。Plus

.nav tabs{display:none；}

在@media print查询中，也可以自己删除这些选项卡。在我的情况下，我的所有信息都在一个模式上，但Chrome没有看到，并切断了模式。有什么想法吗？

<div role="tabpanel" class=" fade in show active tab-pane d-print-block" id="myTab">
    <div class="header-title d-none d-print-block">My Tab Name</div>
    Lorem ipsum dolor sit amet...
</div>