5 ms·
The thing I hate most about bootstrap 3 is changing the class names of the grid. "span3" and "offset1" were much better than "col-lg-3" and "col-offset-1". Ser
by pzxc 13y ago
The thing I hate most about bootstrap 3 is changing the class names of the grid. "span3" and "offset1" were much better than "col-lg-3" and "col-offset-1".
Seriously... there are several places in the docs (and I often do this myself) where a non-grid-related element uses a "span2" or whatever to float itself left and size itself equal to a 2-width column. Example: the input field for a search box. When input-medium/small/mini/large/xlarge doesn't cut it, or just because you want something to fit in a column.
So now we're gonna have "col-lg-2" etc plastered throughout our html? I don't see that as an improvement. The elements that get used the most should have simple names... that's what made bootstrap great as it was a common-sense standard for lots of common html/css techniques. "hide" for display:none, "muted" for color:#999, etc.
- vec 13y agoI'm guessing that it's stealing the small and large grids from Zurb Foundation.
- liquidise 13y agoMy thoughts exactly. Foundation has always had a superior responsive grid layout, if for no other reason than it is embed-able within itself. To say nothing of their push and pull column classes.
- bjoe_lewis 13y ago+1. span12 and span6 makes much more sense as a class name, than a col-lg-3 or a col-sm-6. If they are stealing from the foundation, and if differentiating large and small grid was the cause for changing identifiers, then I'm against it. Other than that, I'm liking it already.
- mikegirouard 13y agoFirst thing I thought was that this was the reason why I abandoned YUI grids. That and the subdividing boxes thing. I've gotten great mileage with unsemantic[0], and purely by an accidental google, I stumbled across semantic[1]. The latter is particularly interesting to me, but our firm has been burned by CSS preprocessors in the past and making a case for LESS is going to require a sell. [0]: http://unsemantic.com/ http://unsemantic.com/ [1]: http://semantic.gs/ http://semantic.gs/