twitter-bootstrap - Twitter Bootstrap：如何打印与屏幕相同的缩略图？

Question

我想打印与屏幕相同的 Twitter Bootstrap 缩略图，但它们水平扩展并且背景颜色变为黑色。我在 Mac 上使用 Twitter Bootstrap 2.1.1(twitter-bootstrap-rails 2.1.3) 和 Chrome。

我的问题在此页面上重现：

http://twitter.github.com/bootstrap/components.html#thumbnails

这里以截图为例。

我将不胜感激任何帮助。

更新

感谢zeMicro的回答，这个问题得到了解决。如果您使用的是 twitter-bootstrap-rails，则可以responsive.css通过编辑删除bootstrap_and_overrides.less.

您可以通过在 css 文件中指定它来更改背景颜色。

Answer 1

那是因为引导程序的响应式设计。以下行很重要：

<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

将其更改为

<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">

然后在打印时忽略响应式样式表。