Bootstrapでの印刷
- カテゴリ:
- ウェブ・技術
そういえばBootstrapでページを作って、それがどう印刷されるのか忘れてました。調べると専用のclassが2つあります。
visible-printは画面には表示されないが印刷される。hidden-printは画面に表示されるが、印刷はされない。
下記のようにすると画像は表示されるますが、印刷されません。
<img src="tempest.jpg" class="hidden-print">
下記の場合は表示はされませんが、印刷はされます。
<span class="visible-print">www.tempest.jp</span>
Webページを印刷する人はそれなりにいるようなので、知っていて損はなさそう。