/bootstrap-columns

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

MIT LicenseMIT

Free Bootstrap Columns & 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


Vertical alignment

Bootstrap 5 Columns


Horizontal alignment

Bootstrap 5 Columns


Column wrapping

Bootstrap 5 Columns


Order classes

Bootstrap 5 Columns


Offset classes

Bootstrap 5 Columns


For more examples visit our documentation.


Related Resources