Not all .container widths are divisible by 12

Created by: arechsteiner

I've been working on a Photoshop starter template for Bootstrap 4 with column guides, and I've noticed that not all column widths are divisible by twelve, which results in oddly sized column widths.

In alpha 2 this only affects "Large":

940px - 360px (gutter) / 12 = 48.33333...px

As a result, some columns are rendered with 48px width and others with 49px width.

This makes working with graphic tools harder and more cumbersome. For example, Photoshop has a "Guide Layout" functionality that would work well if columns were evenly sized:

Is there a good reason for this that I am unaware of? I initially assumed this was a trade-off related to using rem, but now that this was ditched, I don't quite understand why the containers are not made so they divide evenly.

PS: I've published my Photoshop template here, if you want to take a look. It includes test renderings that I've made in Firefox in order to get the column widths exactly right.