twitter-bootstrap - 推特 Bootstrap : How to print Thumbnails as same as screen?

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，则可以通过编辑 bootstrap_and_overrides.less 删除 responsive.css。

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

Answer 1

那是因为 bootstrap 的响应式设计。下面这行很重要:

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

改成

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

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