It's for the same reason we quit using tables for layout. It was conflating the content with presentation. When you specify a class of "span9", you're not using semantic classes, you're specifying the layout. This falls over when you take that same layout to a mobile device when the span9 really isn't a span9 anymore. It's also an issue for screen readers. It's also the same reason why you don't use a class like <button class="red-button"> because your design my change and red-button in your css may know be color #aaa instead. <button class="purchase"> or <button class="search"> would be more semantic.
using <div class="row"><div class="span2"></div><div class="span3></div></div> is not that far removed from <table><tr colspan=2"><td></td><td></td></tr></table> and really pushing web design back a few years. I'm a big fan of Bootstrap and will use the spanX tags when prototyping, but I will change them before I push to production. On Jun 13, 2013, at 10:45 AM, Maureen <[email protected]> wrote: > > I would be more inclined to use the id of the div to identify content > than the class. If you are going to change the content, you would need > the id. Changing a CSS class on a div would change the presentation. > > On Thu, Jun 13, 2013 at 8:20 AM, zaphod <[email protected]> wrote: >> >> span9 has nothing to do with the content of the div. It's strictly for what >> the div should look like. > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-community/message.cfm/messageid:364530 Subscription: http://www.houseoffusion.com/groups/cf-community/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-community/unsubscribe.cfm
