printing - Twitter Bootstrap Accordion - 如何打印所有展开的内容？

Question

我在我的网站各处使用 Twitter Bootstrap Accordion 。它们工作得很好，所有这些，我刚刚注意到的问题是，如果我想打印一张上面有一个的页面。理想情况下，如果要出于我的目的打印页面，它们都应该展开。

有人知道解决这个问题的最佳方法吗？我知道我可以通过 javascript 将某些内容连接到页面上的“打印”按钮，但我们假设用户将使用浏览器的“打印”按钮 - 因此将 javascript 绑定(bind)到此可能不是一个选项。

Answer 1

我使用的是 bootstrap 3.1.1 和 bootstrap.css，因为它是默认的。我还使用此页面中的示例 Accordion html: http://getbootstrap.com/javascript/#collapse

对我来说，将此规则添加到.css 文件的 @media print {..} 部分就达到了目的:

.collapse {
    display: block !important;
    height: auto !important;
}