Twitter Bootstrap：如何打印与屏幕相同的缩略图？答案

【问题标题】：Twitter Bootstrap: How to print Thumbnails as same as screen?Twitter Bootstrap：如何打印与屏幕相同的缩略图？
【发布时间】：2012-10-18 13:20:27
【问题描述】：

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

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

这里以截图为例。

我将不胜感激。

更新

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

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

【问题讨论】：

【解决方案1】：

这是因为 bootstrap 的响应式设计。以下行很重要：

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

改成

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

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

【讨论】：