This can explain it better than I can: http://css-tricks.com/semantic-class-names/
as for bootstrap, if you resize the screen down to a phone screens size, you'll notice that all of the 9 columns in the example table are now stacked on top of each other. On Jun 13, 2013, at 11:12 AM, Maureen <[email protected]> wrote: > > Perhaps I am just confused, as is always possible this early in the > morning but it seems to me that you have it exactly backwards. If you > use bootstrap responsive, span9 will span 9 columns regardless of the > device, and giving the div a class of purchase or search would > conflate the content with the appearance. The whole purpose of > Bootstrap is handle the presentation. It doesn't, and shouldn't, care > what data is being presented. > > On Thu, Jun 13, 2013 at 9:04 AM, zaphod <[email protected]> wrote: >> >> 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. > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| 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:364538 Subscription: http://www.houseoffusion.com/groups/cf-community/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-community/unsubscribe.cfm
