Printing 推特引导手风琴-如何打印所有扩展?

Printing 推特引导手风琴-如何打印所有扩展?,printing,twitter-bootstrap,Printing,Twitter Bootstrap,我在我的网站上到处使用推特引导手风琴。他们工作得很好,所有这些,我刚刚注意到的问题是,如果我想打印一个页面上有一个。理想情况下,如果要为我的目的打印页面,它们都应该扩展 有人知道最好的方法吗?我知道我可以通过javascript将一些东西连接到页面上的打印按钮上,但假设用户将使用浏览器的打印按钮-因此,将javascript绑定到该按钮上可能不是一个选项。如果媒体用于打印,则使用并仅将所有手风琴样式设置为展开 此处的小示例仅为打印而展开所有手风琴: @媒体打印{ /*用于打印的样式表,例如:*/

我在我的网站上到处使用推特引导手风琴。他们工作得很好,所有这些,我刚刚注意到的问题是,如果我想打印一个页面上有一个。理想情况下,如果要为我的目的打印页面,它们都应该扩展

有人知道最好的方法吗?我知道我可以通过javascript将一些东西连接到页面上的打印按钮上,但假设用户将使用浏览器的打印按钮-因此,将javascript绑定到该按钮上可能不是一个选项。

如果媒体用于打印,则使用并仅将所有手风琴样式设置为展开

此处的小示例仅为打印而展开所有手风琴:

@媒体打印{
/*用于打印的样式表,例如:*/
.手风琴组.手风琴体.塌陷{
高度:自动;
}
}

我使用的是bootstrap 3.1.1和bootstrap.css,默认情况下使用。 我还使用了本页中的示例accordion html:

对我来说,将这条规则添加到 @.css文件的媒体打印{..}部分实现了以下功能:

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

在引导程序4中,您可以使用,例如:


显示了正确的打印方式。要使这项工作正常进行,我必须添加一个!高度重要:auto.Works也适用于bootstrap4。