Derekstrap Demo

Breakpoints

The colours of this section change depending on screen size.

The largest current breakpoint is:

Cards

The layout below will have a different column count and different spacing depending on breakpoint.

Proportional text

Auto scaling by view width

Anything in this section that is sized in em units should resize in scale with the screen width. Resetting at specified breakpoints.

Responsive properties

This example produces the same result as the Breakpoints example but with more concise syntax.

The colour of this text changes depending on screen size.

Spacing

Utility classes have been created using Derekstrap's spacing functions to create different spacing combinations.