Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/mdbootstrap/bootstrap-screen-sizes

Responsive Screen Sizes built with Bootstrap 5. Check default pixel widths for different screen sizes supported by Bootstrap 5 responsiveness features.
https://github.com/mdbootstrap/bootstrap-screen-sizes

bootstrap bootstrap5 responsive screen size sizes

Last synced: 3 months ago
JSON representation

Responsive Screen Sizes built with Bootstrap 5. Check default pixel widths for different screen sizes supported by Bootstrap 5 responsiveness features.

Awesome Lists containing this project

README 

          

Responsive Screen Sizes built with Bootstrap 5. Check default pixel widths for different screen sizes supported by Bootstrap 5 responsiveness features.



Check out [Bootstrap Screen Sizes Documentation](https://mdbootstrap.com/docs/standard/extended/screen-sizes/) for detailed instructions & even more examples.



Bootstrap supports six default viewport widths. These presets can be changes or expanded upon, if you’re using our source Sass files.



![Bootstrap Screen Sizes](https://mdbootstrap.com/img/Marketing/github/screen-sizes/basic.png)



Each width is a multiple of 12. They are adjusted to the most common device viewport sizes.



Make sure to check out the main [Breakpoints](https://mdbootstrap.com/docs/standard/layout/breakpoints/) documentation for more customization options & media queries.



```scss

$grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px );

```



## 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 extended Bootstrap documentation