Class
ブレイクポイント
576px～：sm-
768px～：md-
992px～：lg-
1200px～：xl-
テキストの表示
text-align
text-left
text-center
text-right
One OS オリジナル
txt-left
txt-center
txt-right
テキストの省略
text-truncate
これはダミーです。これはダミーです。
カラーの継承
親要素から色を継承 text-reset
margin
.m-0：margin:0
.m-1：margin:0.25rem
.m-2：margin:0.5rem
.m-3：margin:1rem
.m-4：margin:1.5rem
.m-5：margin:3rem
.auto：mx-auto
.clearfix
clearfix
List Style
none list-unstyled
list-inline(ul) list-inline
list-inline(li) list-inline-item
Image
.rounded：border-radius
.img-thumbnail：frame
.img-fluid：Responsive images
Flex
flex d-flex
inline-flex d-inline-flex
並び方
横 flex-row
横・逆 flex-row-reverse
縦 flex-column
縦・逆 flex-column-reverse
横整列(並びcolumnは縦)
左寄せ justify-content-start
中央揃 justify-content-center
右寄せ justify-content-end
両端均等 justify-content-between
等間隔 justify-content-around
縦整列(並びcolumnは横)
上寄せ align-items-start
中央揃 align-items-center
下寄せ align-items-end
ベースライン align-items-baseline
ストレッチ align-items-stretch
アイテムごとの整列
上揃え align-self-start
Flexアイテム
align Flexアイテム
Flexアイテム
中央揃 align-self-center
Flexアイテム
align Flexアイテム
Flexアイテム
下揃え align-self-end
Flexアイテム
align Flexアイテム
Flexアイテム
ベースライン align-self-baseline
Flexアイテム
align Flexアイテム
Flexアイテム
ストレッチ align-self-stretch
Flexアイテム
align Flexアイテム
Flexアイテム
表示・非表示
Display
非表示 d-none
inline d-inline
inline-block d-inline-block
block d-block
印刷時
ブラウザ 非表示・印刷 表示
block d-print-block
inline d-print-inline
inline-block d-print-inline-block
ブラウザ 表示・印刷 非表示
d-print-none
オフセット
真ん中に余白
Flexアイテム
Flexアイテム
offset-4
offset-4
col-6を中央寄せ
Flexアイテム
offset-3
offset-3
