5 ms·
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 wh
by itcodes 11y ago
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 11y agoSeriously? Col is too difficult to understand as an abbreviation for column?
- itcodes 11y agoIt 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 11y agoAfter 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 11y agoLong term, making sure people use proper names for things is a great to make sure people are writing code for others to read.
- scotchio 11y agoYou can also do wildcard selecting with the namespaced approach. E.g.: [class^="col"] { /* blah */ }
- benologist 11y agoSkeleton's also nice at this: class="six columns"
- nailer 11y agoclass="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%.