https://github.com/mdbootstrap/bootstrap-height

Responsive Height built with Bootstrap 5. Examples of sizing, modal height, textarea height, line height & more.
https://github.com/mdbootstrap/bootstrap-height

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html

Last synced: 5 months ago
JSON representation

Responsive Height built with Bootstrap 5. Examples of sizing, modal height, textarea height, line height & more.

• Host: GitHub
• URL: https://github.com/mdbootstrap/bootstrap-height
• Owner: mdbootstrap
• License: other
• Created: 2022-07-21T09:44:54.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-07-22T09:32:54.000Z (almost 4 years ago)
• Last Synced: 2025-06-28T05:05:26.635Z (about 1 year ago)
• Topics: bootstrap, bootstrap-template, bootstrap-theme, bootstrap5, css, html
• Language: SCSS
• Homepage: https://mdbootstrap.com/docs/standard/extended/height/
• Size: 1.05 MB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License.pdf

Awesome Lists containing this project

README

          
Responsive Height built with Bootstrap 5. Examples of sizing, modal height, textarea height, line height & more.

Check out [Bootstrap Height Documentation](https://mdbootstrap.com/docs/standard/extended/height/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Overlay](/assets/basic.png)

```html



  


    Height 25%

  

  


    Height 50%

  

  


    Height 75%

  

  


    Height 100%

  

  


    Height auto

  



```


## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Height 100vh:

![Bootstrap 5 Height](/assets/100vh.png)](https://mdbootstrap.com/docs/standard/extended/height#section-height-100vh)

[Bootstrap Textarea height:

![Bootstrap 5 Height](/assets/textarea.png)](https://mdbootstrap.com/docs/standard/extended/height#section-textarea-height)

[Bootstrap Line height:

![Bootstrap 5 Height](/assets/line.png)](https://mdbootstrap.com/docs/standard/extended/height#section-line-height)

[Bootstrap Modal height:

![Bootstrap 5 Height](/assets/modal.png)](https://mdbootstrap.com/docs/standard/extended/height#section-modal-height)

___

## More extended Bootstrap documentation



Bootstrap buttons

Bootstrap ripple

Bootstrap sizing

Bootstrap modal

Bootstrap text

Bootstrap input fields

Bootstrap textarea

Bootstrap modal