Background Borders Display Flex Float Interactions Link Object fit Others Position Sizing Spacing Text Thumbnail Visibility z-index

Height (sizing_height)

25% height (h-25)

50% height (h-50)

75% height (h-75)

100% height (h-100)

Auto (h-auto)

Max-height 100% (mh-100)

Height 100% of viewport (vh-100)

Min-height 100% of viewport (min-vh-100)
<p class="h-25">25% height (h-25)</p> <p class="h-50">50% height (h-50)</p> <p class="h-75">75% height (h-75)</p> <p class="h-100">100% height (h-100)</p> <p class="h-auto">Auto (h-auto)</p> <p class="mh-100">Max-height 100% (mh-100)</p> <p class="vh-100">Height 100% of viewport (vh-100)</p> <p class="min-vh-100">Min-height 100% of viewport (min-vh-100)</p>