How to create bootstrap grid system with 14 columns?

Question

I have 7 elements, I want to show all of them side by side with equal width. I am using bootstrap grid system to place it properly. I can't divide 7 elements into 12 column equally.

Is there anyway that I can create col-lg-14 on my own ?

Answer 1

Why don't you use these classes: d-flex and then flex-fill for the 7 children?

Answer 2

Yes, quite easily. Change @grid-columns to 14 instead of the default, 12, here: http://getbootstrap.com/customize/#grid-system

Then download this custom boostrap and include it in your head instead of the stock bootstrap.