Mix and Match

Resize the browser window to see the effect.

This example demonstrates a 50%/50% split on extra small devices and 75%/25% split on larger devices.

col-6 col-sm-9
col-6 col-sm-3

This example demonstrates a 58%/42% split on extra small, small and medium devices and 66.3%/33.3% split on large and xlarge devices.

col-7 col-lg-8
col-5 col-lg-4

This example demonstrates a 25%/75% split on small devices, a 50%/50% split on medium devices, and a 33%/66% split on large and xlarge devices. On extra small devices, it will automatically stack (100%).

col-sm-3 col-md-6 col-lg-4
col-sm-9 col-md-6 col-lg-8