I need to print web pages in my website and I'm wondering how to make row
and spanX
classes of Bootstrap work so I can easily manage the content of the printed page.
For example:
<div class="row-fluid">
<div class="span12">
<strong>Some stuff</strong>
</div>
</div>
and
<div class="row-fluid">
<div class="span6 offset6">
<strong>Some stuff</strong>
</div>
</div>
look exactly the same when calling window.print()
.
In the example above, <strong>Some stuff</strong>
is not being pushed ahead by the offset6
.
I've done 2 things:
Taken all
@media print
code frombootstrap.css
andbootstrapresponsive.css
;Changed
media
toall
:
from<link rel="stylesheet" type="text/css" href="/path/css/bstrapmin.css" media="screen" />
to<link rel="stylesheet" type="text/css" href="/path/css/bstrapmin.css" media="all" />
;
With these changes, header, footer and the bootstrap (original) font have appeared on the printed page but still no effect from/of the classes.
Thanks.