├── assets └── available-breakpoints.png ├── LICENSE └── README.md /assets/available-breakpoints.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdbootstrap/bootstrap-breakpoints/main/assets/available-breakpoints.png -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 MDBootstrap 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Free Bootstrap Breakpoints & Layouts Collection 2 | 3 | Breakpoints are the triggers in Bootstrap for how your layout responsive changes across device or viewport sizes. 4 | 5 |

How to use it?

6 |

7 | 1. Download MDB 5 - free UI KIT

8 |

2. Choose your favourite customized example and click show code to see the code

9 |

3. Copy & paste the code into your MDB project

10 | 11 | -------------------- 12 | 13 | [📄 **Documentation & usage guide**](https://mdbootstrap.com/docs/standard/layout/breakpoints/) 14 | 15 | These components were built with a **free Material Design UI Kit for the latest Bootstrap 5**. 16 | 17 | [![GitHub Stars](https://img.shields.io/github/stars/mdbootstrap/mdb-ui-kit?label=Star%20now&style=social)](https://github.com/mdbootstrap/mdb-ui-kit/) 18 | 19 | --------------------- 20 | 21 |

Available breakpoints

22 | 23 | [![Bootstrap 5 Breakpoints](/assets/available-breakpoints.png)](https://mdbootstrap.com/docs/standard/layout/breakpoints/#section-available-breakpoints) 24 | 25 | 26 |
27 | 28 |

For more informations visit our documentation.

29 | 30 |
31 | 32 |

Related Resources

33 | 34 |
Grid System
35 | 36 |
Columns
37 | 38 |
Containers
39 | 40 |
Flexbox
41 | 42 |
CSS Grid
43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | --------------------------------------------------------------------------------