とほほのBootstrap 4入門

トップ > Bootstrap 4入門 > ディスプレイ

ディスプレイ

ディスプレイ

.d-{value} の形式は、要素を {value} の値に応じて描画します。.d-{sm|md|lg|xl}-{vlaue} の形式は、画面サイズに応じて描画方法を変更します。

Sample
画面が sm 以上の場合にブロック要素として表示します。
Code
<div class="d-none d-sm-block">画面が sm 以上の場合にブロック要素として表示します。</div>

.d-print-{value} の形式は、印刷時の表示方法を指定します。

Sample
印刷時のみブロック要素として印字します。
印刷時は印字しません。
Code
<div class="d-none d-print-block">印刷時のみブロック要素として印字します。</div>
<div class="d-print-none d-block">印刷時は印字しません。</div>

Copyright (C) 2015-2018 杜甫々
初版:2015年9月6日 最終更新:2018年6月17日
http://www.tohoho-web.com/bootstrap/display.html