Bootstrap collapsing columns example

Author: Julian Hansen, August 2016

This sample demonstrates a grid setup using Bootstrap where on large screens you have a left column taking up 75% of the screen and three right columns each 25%

On medium screens this changes to a 50/50 split

On small screens the columns collapse under each other

Use the browser screen emulation (Shfit+Ctrl+M) to see how the cells respond to changing screen size

1. This is the main column on the left
2. This is the right hand column
3. Second row in right column
4. Third row in right column