Performance Test
Basic responsive-grid demo
Simple Responsive Grid with No Gutter
Responsive column
Responsive column
Responsive column
Responsive column
Responsive column
Responsive column
Responsive Grid with Custom Gutter
Responsive column
Responsive column
Responsive column
Responsive column
Responsive column
Responsive column
Responsive Grid with Hidden Columns and Clear Floats
Responsive column (50% wide on large and extra-large screens)
Responsive column hidden on large screens
Responsive column print-only
Responsive column screen-only
Visible on an extra-small screen.
Visible on an small screen.
Visible on an medium screen.
Visible on an large screen.
Visible on an extra large screen.
Responsive Grid Relative to Parent Container
Parent Container
Visible in an extra-small parent (< 600px).
Visible in a small parent (> 600px and < 900px).
Visible on a medium screen (> 900px and < 1200px).
Visible on a large screen (> 1200px and < 1800px).
Visible on an extra-large screen (>= 1800px).
Responsive grid with Custom Breakpoints
Visible on an extra-small screen (< 1500px).
Visible on a small screen (> 1500px and < 2000px).
Visible on a medium screen (> 1500px and < 2000px).
Visible on a large screen (> 2000px and < 2500px).
Visible on an extra-large screen (>= 2500px).