back to main Purchase

Width, height

https://getbootstrap.com/docs/5.1/utilities/sizing/

src/scss/_core/utils/_width.scss

src/scss/_core/utils/_height.scss

Text Color

Class Description
.w-inherit .w-auto
.w-25, .h-25 .w-50, .h-50 .w-75, .h-75 .w-100, .h-100
.vh-25 .vh-50 .vh-75 .vh-100
.mw-100 .min-vw-100 .min-vh-100 .vw-100 .vh-100
.vh-100
Pixels
.w-100 .w-150 .w-200 .w-250 .w-300 .w-350 .w-400 .w-450 .w-500 .w-550 .w-600 .w-650
.max-w-100 .max-w-150 .max-w-200 .max-w-250 .max-w-300 .max-w-350 .max-w-400 .max-w-450 .max-w-500 .max-w-550 .max-w-600 .max-w-650 .max-w-700 .max-w-750 .max-w-800

Easily make an element as wide or as tall with our width and height utilities.

Width 25%
Width 50%
Width 75%
Width 100%
Width auto

Height 25%
Height 50%
Height 75%
Height 100%
Height auto