Why is ion-grid default number of columns 12?


#1

Is there a good reason to have the default number of columns be a small number? Wouldn’t it give the developer more control over the widths with setting the default to 100 and each unit is a percent?


#2

I love 12, because it’s evenly divisible by 2, 3, and 4.


#3

It’s convient for 2,3,4 I agree, but 60 works well with columns 2 all the way up to 6.

I just don’t know if it hurts performance to have such a high default


#4

I suspect the real reason is that they were trying to make things easy for developers accustomed to Bootstrap, which has a 12-column grid. Personally, I’ve never come across a need for a 5-column grid, so 12 works great for me. I’m not sure, but I think there is a fair amount of boilerplate CSS code that is needed for each possible colspan, which would make for pretty significant code bloat if you raise the total.


#5

Convention:
https://www.quora.com/Why-do-we-generally-use-12-columns-in-a-grid-system-CSS-and-not-8-9-etc-or-15-16-etc
https://www.quora.com/Why-does-Twitter-Bootstrap-3-use-a-12-column-grid-system-by-default


#6

In which file I have to set $grid-columns-Value up to 24 i.e?
Tank you!


#7

It’s in variables.scss


#8

Thank you! I found it