とほほのBootstrap 4入門

1. トップ
2. Bootstrap 4入門
3. ディスプレイ

ディスプレイ

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

• none : 描画しない
• inline : インライン要素として描画する
• inline-block : インラインブロック要素として描画する
• block : ブロック要素として描画する
• table : テーブル要素として描画する
• table-row : テーブルの行として描画する
• table-cell : テーブルのセルとして描画する
• flex : フレックス要素として描画する
• inline-flex : インラインフレックス要素として描画する

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

印刷時の表示方法

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

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