Printing with Bootstrap

Bootstrap supports different views with responsive design. Although not obviously, it also supports printing view via print.css. What you need to do is to set media as ‘all’ instead of ‘screen’ like this:

<link href=”css/bootstrap.min.css” rel=”stylesheet” media=”all”>

Then add class hidden-print to the DOM which you don’t want to be printed.

Bootstrap by defaults add url after the title of links. To get ride of it, you can use CSS like this:

@media print {

a[href]:after {

content: none;

}

}

Advertisements