Different column widths for different devices

You can combine classes to get different column widths for different devices.

For best results, put the grid inside a div using the "container" (fixed-width: 750 for sm, 970 for md, and 1170 for lg) or "container-fluid" (taking the full width of the browser window) class so alignment and padding are correct, and use divs with the "row" class to create horizontal groups of columns.

Nested columns

Cell 1 (col-sm-8)
Cell 2 (col-sm-6)
Cell 3 (col-sm-6)
Cell 4 (col-sm-4)