Skip to content

Learn how to enable, use, and customize our alternate CSS Grid based layout system with examples and code snippets.

License

Notifications You must be signed in to change notification settings

mdbootstrap/bootstrap-css-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

Free Bootstrap CSS Grid & Layouts Collection

Learn how to modify columns with multiple alignments, ordering, and offsetting with the flexbox grid system. Also, see how to use column classes to manage widths of non-grid elements.

How to use it?

1. Download MDB 5 - free UI KIT

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

3. Copy & paste the code into your MDB project


📄 Documentation & usage guide

These components were built with a free Material Design UI Kit for the latest Bootstrap 5.

GitHub Stars


Three columns

Bootstrap 5 CSS Grid


Responsive

Bootstrap 5 CSS Grid


Starts

Bootstrap 5 CSS Grid


Auto columns

Bootstrap 5 CSS Grid


Nesting

Bootstrap 5 CSS Grid


For more examples visit our documentation.


Related Resources