Printing 推特引导手风琴-如何打印所有扩展?
我在我的网站上到处使用推特引导手风琴。他们工作得很好,所有这些,我刚刚注意到的问题是,如果我想打印一个页面上有一个。理想情况下,如果要为我的目的打印页面,它们都应该扩展 有人知道最好的方法吗?我知道我可以通过javascript将一些东西连接到页面上的打印按钮上,但假设用户将使用浏览器的打印按钮-因此,将javascript绑定到该按钮上可能不是一个选项。如果媒体用于打印,则使用并仅将所有手风琴样式设置为展开 此处的小示例仅为打印而展开所有手风琴:Printing 推特引导手风琴-如何打印所有扩展?,printing,twitter-bootstrap,Printing,Twitter Bootstrap,我在我的网站上到处使用推特引导手风琴。他们工作得很好,所有这些,我刚刚注意到的问题是,如果我想打印一个页面上有一个。理想情况下,如果要为我的目的打印页面,它们都应该扩展 有人知道最好的方法吗?我知道我可以通过javascript将一些东西连接到页面上的打印按钮上,但假设用户将使用浏览器的打印按钮-因此,将javascript绑定到该按钮上可能不是一个选项。如果媒体用于打印,则使用并仅将所有手风琴样式设置为展开 此处的小示例仅为打印而展开所有手风琴: @媒体打印{ /*用于打印的样式表,例如:*/
@媒体打印{
/*用于打印的样式表,例如:*/
.手风琴组.手风琴体.塌陷{
高度:自动;
}
}
我使用的是bootstrap 3.1.1和bootstrap.css,默认情况下使用。
我还使用了本页中的示例accordion html:
对我来说,将这条规则添加到
@.css文件的媒体打印{..}部分实现了以下功能:
.collapse {
display: block !important;
height: auto !important;
}
在引导程序4中,您可以使用,例如:
…
显示了正确的打印方式。要使这项工作正常进行,我必须添加一个!高度重要:auto.Works也适用于bootstrap4。