Home/ Questions/Q 8712525
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T05:07:38+00:00

I want to print Twitter Bootstrap Thumbnails as same as screen, but they expand

  • 0

I want to print Twitter Bootstrap Thumbnails as same as screen, but they expand horizontally and background color turns black. I am using Twitter Bootstrap 2.1.1(twitter-bootstrap-rails 2.1.3) and Chrome on Mac.

My problem is reproduced on this page:

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

Here are screenshots as example.

enter image description here

enter image description here

I would appreciate any help.

UPDATE

Thanks to zeMicro’s answer, this problem is fixed. If you are using twitter-bootstrap-rails, you can remove responsive.css by editing bootstrap_and_overrides.less.

And you can change the background color by specifying it in your css file.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That’s because of bootstrap’s responsive design. The following line is important:

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

    Change it to

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

    Then the responsive stylesheet is ignored while printing.

    • 0