printing - 如何创建可打印的 Twitter-Bootstrap 页面

Question

我正在使用 Twitter-Bootstrap，我需要能够按照浏览器上的显示方式打印页面。我可以打印使用 Twitter-Bootstrap 制作的其他页面，但我似乎无法打印纯粹使用 Twitter-Bootstrap 的页面。我是否在某处缺少标签？

打印后的官方 TB 页面:

打印时我的页面:

我的页面实际上是什么样子:

Answer 1

Bootstrap 3.2 更新:(当前版本)

当前稳定的 Bootstrap 版本是 3.2.0 .
随着版本 3.2 可见打印已弃用，因此您应该像这样使用:

Class                        Browser    Print
 -------------------------------------------------
.visible-print-block         Hidden        Visible (as block)
.visible-print-inline        Hidden        Visible (as inline)
.visible-print-inline-block  Hidden        Visible (as inline-block)
.hidden-print                Visible       Hidden

Bootstrap 3 更新:

打印类现在位于文档中:http://getbootstrap.com/css/#responsive-utilities-print

Similar to the regular responsive classes,
       use these for toggling content for print.

Class            Browser    Print
 ----------------------------------------
.visible-print   Hidden     Visible
.hidden-print    Visible    Hidden

Bootstrap 2.3.1版本:

将 bootstrap.css 文件添加到 HTML 中后，
找到您不想打印的部分，并将 hidden-print 类添加到标签中。因为 css 文件包含以下内容:

@media print {
  .visible-print  { display: inherit !important; }
  .hidden-print   { display: none !important; }
}