A grid system with bootstrap where more than 12 columns are placed within a row example

In this example, when the second column is rendered, a number of columns within a row exceeds 12 (6+8=14, which is > 12), so the second column is placed after the first column and then the third column is placed next to that.

View full page demo

See the Pen a-grid-system-with-twitter-bootstrap-where-more-than-12-columns-are-placed-within-a-row-example-5 by w3resource (@w3resource) on CodePen.

Previous: A Grid System for mobile, tablet and desktop with Bootstrap
Next: How to use clearfix to clear columns.

What is the difficulty level of this exercise?