1.0.0 • Published 2 years ago

@mdbootstrap/react-screen-sizes v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

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

Check out React Bootstrap Screen Sizes Documentation 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.

React Bootstrap Screen Sizes

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 documentation for more customization options & media queries.

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

How to use?

  1. Download MDB React - 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


More extended Bootstrap documentation