Twitter Bootstrap:如何打印与屏幕相同的缩略图?

时间:2012-10-18 13:20:28

标签: twitter-bootstrap twitter-bootstrap-rails

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

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

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

以下是截图。

enter image description here

enter image description here

我将不胜感激。

更新

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

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

1 个答案:

答案 0 :(得分:2)

这是因为bootstrap的响应式设计。以下几行非常重要:

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

将其更改为

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

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