
たまたま、会社の人が印刷した紙を見せてくれたので
気づいたのですが、
印刷したら、リンク先のURLがすべて表示されていました・・・
なんで?と思いながら調べたら
原因はBootstrapでした。
BootstrapのCSSの設定を外す
こちらに詳しく載ってました。
Twitter Bootstrapで作成したサイトを印刷しようとすると、リンクの後ろにURLが表示される問題
原因はbootstrap.cssもしくは、bootstrap.min.cssに
リンクの後ろにURLが表示される設定が載っているみたいです。
上記のサイトで設定の部分を消すという方法もあったのですが、
使っているCSSがbootstrap.min.cssだったので
探すのが大変!
なので、上記サイトにも紹介されていた以下の設定を
bootstrap.min.cssの一番下に設定しました。
@media print {
a[href]:after {
content: "";
}
abbr[title]:after {
content: "";
}
}
これで、印刷してもURLはでなくなりました。



