ブラウザ幅が768px以上だとここは2分の1
col-md-6
mt-4
7ブラウザ幅が768px以上だと2ここは2分の1
col-md-6
mt-4
ブラウザ幅が768px以上だとここは2分の1
col-md-6
mt-4
7ブラウザ幅が768px以上だと2ここは2分の1
col-md-6
mt-4
fluedだと幅いっぱいに拡がる（100%）
992px以上だとここは3分の1 col-lg-4
576以上992px以下だとここは2分の1 col-sm-6
576以下だとここは1分の1
992px以上だとここは3分の2 col-lg-8
576以上992px以下だとここは2分の1 col-sm-6
576以下だとここは1分の1
container-xlだと1140pxまでは100%
1400pxまでは1140px それ以上は最大1320px
992px以上だとここは4分の1 col-lg-3
576以上992px以下だとここは2分の1 col-sm-6
576以下だとここは1分の1
992px以上だとここは4分の3 col-lg-9
576以上992px以下だとここは2分の1 col-sm-6
576以下だとここは1分の1
| 見出し１ | 見出し２ | 見出し３ | 見出し４ |
|---|---|---|---|
| trにtable-primaryを設定 | |||
| セルにtable-dangerを設定 | |||
| trにbg-warningを設定 | |||
| セルにbg-darkを設定 | |||
| 見出し１ | 見出し２ | 見出し３ | 見出し４(fs-2も適用) |
|---|---|---|---|
| table-borderedとborder-dangerとtable-hoverを設定 | |||
| ここはcolspan="2" | |||
| 見出し１ | 見出し２ | 見出し３ | 見出し４ |
|---|---|---|---|
| table-borderedとbg-successとtable-smを設定 | |||
| table-smでpaddingが半分になる | |||
| .align-top | .align-middle | .align-bottom |