Adding responsive classes to the columns specifies how the content behaves above different breakpoints.
Responsive classes
Four rows on small screens, two rows on medium screens, one row on large screens.
Column 1
Column 2
Column 3
Column 4
Equal width columns
Columns will always have equal widths regardless of screen sizes.
Column 1
Column 2
Column 3
Dynamic width depending on content
The first column grows depending on its content, the second self-adjusts.
This column has auto-width
Second column
light
dark
go back to demos