カテゴリ:

そういえばBootstrapでページを作って、それがどう印刷されるのか忘れてました。調べると専用のclassが2つあります。

Print classes

visible-printは画面には表示されないが印刷される。hidden-printは画面に表示されるが、印刷はされない。

下記のようにすると画像は表示されるますが、印刷されません。

<img src="tempest.jpg" class="hidden-print">

下記の場合は表示はされませんが、印刷はされます。

<span class="visible-print">www.tempest.jp</span>

Webページを印刷する人はそれなりにいるようなので、知っていて損はなさそう。