Boostrapで横幅と高さを指定する方法

記事内に広告が含まれています。

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」が指定されています。

タイトルとURLをコピーしました