w3resource

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


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?



Follow us on Facebook and Twitter for latest update.