As the name suggests sizing means to adjust the size of an element relative to its parent with the help of height and width utilities(in px or in %). Width and height utilities are generated from the $sizes Sass map in _variables.scss.
By default Bootstrap sizing includes supports for 25%, 50%, 75% and 100%. You can add specific sizes if you need any size other than this.
Below are some examples explaining sizing in BootStrap and the classes available:
We can also adjust the size of input elements in bootstrap by the use of classes like .input-lg and .input-sm for adjusting heights and .col-lg* and .col-sm* for adjusting width.
- BootStrap | Positioning an element with Examples
- CSS | box-sizing Property
- How to hide element on small devices in Twitter Bootstrap ?
- Borders in bootstrap with examples
- Shadows in Bootstrap with Examples
- Bootstrap Buttons with Examples
- Popovers in bootstrap with examples
- Containers in Bootstrap with examples
- Spacing in Bootstrap with Examples
- Colors and gradients in bootstrap with examples
- Responsive images in Bootstrap with Examples
- Media Objects in Bootstrap with Examples
- Input Groups in Bootstrap with Examples
- Flexbox utilities in bootstrap with examples
- Display Property in Bootstrap with Examples
- List group in bootstrap with examples
- Bootstrap | figure class with Examples
- Vertical alignment in Bootstrap with Examples
- Bootstrap | Float utilities with Examples
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.