Boostrapでの横幅と高さの指定は既定のクラスが設定されているので、そのクラスを利用すると簡単に横幅と高さが設定できます。
Boostrapでの横幅と高さの指定
Boostrapでは横幅(width)と高さ(height)に関するクラスが以下のように設定されています。
幅(width)
- .w-25(width:25%)
- .w-50(width:50%)
- .w-75(width:75%)
- .w-100(width:100%)
- .w-auto(width:auto)
- .mw-100(max-width:100%)
高さ(height)
- .h-25(height:25%)
- .h-50(height:50%)
- .h-75(height:75%)
- .h-100(height:100%)
- .h-auto(height:auto)
- .mh-100(max-height:100%)
このクラスを利用することでHTML要素の横幅(width)と高さ(height)を簡単に設定することができます。
※実際の定義にはそれぞれの指定に「!important」が指定されています。