Bootstrap print class.

Current stable Bootstrap version is 3.2.0.
With version 3.2 visible-print deprecated, so you should use like this:

Class Browser Print
.visible-print-block Hidden Visible
.visible-print-inline Hidden Visible
.visible-print-inline-block Hidden Visible
.hidden-print Visible Hidden

Bootstrap 3 update:

Print classes are now in documents: http://getbootstrap.com/css/#responsive-utilities-print

Similar to the regular responsive classes,
use these for toggling content for print.

Class Browser Print
—————————————-
.visible-print Hidden Visible
.hidden-print Visible Hidden

Bootstrap 2.3.1 version:

After adding bootstrap.css file into your HTML,
Find the parts that you don’t want to print and add hidden-print class into tags. Because css file includes this:

@media print {
.visible-print { display: inherit !important; }
.hidden-print { display: none !important; }
}

One thought on “Bootstrap print class.

  1. I must say it was hard to find your site in search results.
    You write great posts but you should rank your page higher
    in search engines. If you don’t know how to do
    it search on youtube: how to rank a website Marcel’s way

Leave a Reply

Your email address will not be published. Required fields are marked *