Javatpoint Logo
Javatpoint Logo


It is used to size the element. By using sizing utility, you can easily make an element as wide or as tall (relative to its parent) with our width and height utilities. Includes support for 25%, 50%, 75%, and 100% by default.

Width and height utilities are generated from the $sizes Sass map in _variables.scss. You can modify these values when you need to generate different utilities here.

Sizing by Width

Following is the syntax for sizing an element by width:


Sizing by Height

Following is the syntax for sizing an element by height:


Max Width & Height

You can also set width and height as maximum.

Maximum width:


Maximum Height:


Next TopicBootstrap Spacing

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA