Bootstrapで制作したページを印刷する際に設定するCSS

posted in: Bootstrap | 0

Bootstrapで制作したページを印刷しようとすると、リンクに設定してあるURLが表示されます。

この現象はBootstrapで印刷用のCSSを用意してあるため起こります。

それを解決する方法は様々ですが、手っ取り早くURLを非表示にするには下記コードをCSSに追加する事で解決します。

 

/* bootstrapの仕様で印刷時にurl表示される現象に対応 */
@media print {
 a[href]:after {
 content: “” !important;
 }
 
 abbr[title]:after {
 content: “” !important;
 }
}