カテゴリー: Bootstrap

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

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

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

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

 

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

Bootstrapについてわかりやすく解説されているサイト

Bootstrap初心者には大変役立つページだと思います。

 

Bootstrapで横幅いっぱいに画像を表示しよう!ジャンボトロン(jumbotron)の設置方法

https://tonari-it.com/bootstrap-jumbotron/#toc4

 

Bootstrapカラム間のマージン(余白・ガター)の仕組みをマスターする

https://tonari-it.com/column-margin/

 

Bootstrapカラムのマージン(余白・ガター)を好きなサイズに調整するCSSの具体例
https://tonari-it.com/column-margin-control/

 

Bootstrapカラムの位置を調整する方法【カラムのオフセット】

Bootstrapカラムの位置を調整する方法【カラムのオフセット】