Yes, it’s ok to have more that 12 columns in a row
It will just make the extra columns wrap to the next line. So, with your example you’d have 2 rows of 4.
From the Bootstrap docs (http://getbootstrap.com/css/#grid)..
“If more than 12 columns are placed within a single row, each group of
extra columns will, as one unit, wrap onto a new line”
Also, here are some examples that show using more than 12 columns (col-*
) in a single row
: http://getbootstrap.com/css/#grid-example-mixed
Just be aware of responsive resets if the columns vary in height.
Read more about when to use Bootstrap row
Related questions:
Bootstrap what will happen if I put more than 12 columns in a row?
Bootstrap 3 – Use more than 12 columns in a row
Where to place bootstrap row class
Boostrap row on multiple lines