(Bootstrap)リンクの後ろにURLが表示される

Bootstrap

Bootstrap

たまたま、会社の人が印刷した紙を見せてくれたので

気づいたのですが、

印刷したら、リンク先の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はでなくなりました。

スポンサードリンク

コメントを残す

サブコンテンツ

このページの先頭へ