.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>