[itcodes]

I will never be able to understand why the grid class names are abbreviated. It's borderline unreadable and it's one of the primary reasons I avoid bootstrap when I can. Foundation is much better in this regard class="large-6 columns" makes much more sense than class="col-lg-6".

This is a good article though. I've been wondering what changed in the new version.

[sirtastic]

Seriously? Col is too difficult to understand as an abbreviation for column?

[itcodes]

It takes longer to parse. The same way "Wht r u talking abt" takes longer to parse than "What are you talking about". The former requires my brain to do several extra lookups before I arrive at the meaning. I would rather just type the extra characters for the words Column and Large.

[wvenable]

After you've typed a thousand of these things your brain will just be doing a single lookup. From a newbie perspective, your opinion has merit but for long-term use it makes less sense.

[nailer]

Long term, making sure people use proper names for things is a great to make sure people are writing code for others to read.

[benologist]

Skeleton's also nice at this:

    class="six columns"

[scotchio]

You can also do wildcard selecting with the namespaced approach. E.g.:

    [class^="col"] { /* blah */ }

[nailer]

class="marketing" is even better.

Then you put your styling in a style sheet.

You use border box by default since it's 2015, the parent uses flex, and set the width to 50%.