homepage Welcome to WebmasterWorld Guest from 54.227.56.174
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
How to accomplish what bootstrap grid system does with it's .col-xs-
WiseOldMan




msg:4627262
 6:25 pm on Dec 2, 2013 (gmt 0)

Hi, I am looking to build a website in custom CSS and without frameworks just to increase my command over CSS. I want my entire site to retain its layout and look no matter what the device. Foundation does it with it's "smallgrid" and bootstrap with ".col-xs-". How do I do that without a framework?

 

DrDoc




msg:4627534
 5:27 pm on Dec 3, 2013 (gmt 0)

Welcome to WebmasterWorld!

Just so I understand you correctly -- you want your site to retain its layout (presumably with as much consistency as possible) whether the device is landscape/portrait, regardless of width, height, or useragent?

WiseOldMan




msg:4627587
 7:38 pm on Dec 3, 2013 (gmt 0)

thats correct.

swa66




msg:4627647
 11:59 pm on Dec 3, 2013 (gmt 0)

While I've no clue what "Foundation", "smallgrid", bootstrap with ".col-xs-" etc mean.

If you want all (modern) devices and browsers to show the same, then that's the easy part in CSS ;-)
Making a different layout for smaller devices (i.e. the smart thing to do nowadays!) is actually a bit (not that much) more work.

DrDoc




msg:4627804
 3:01 pm on Dec 4, 2013 (gmt 0)

... but making it retain its layout (presuming you mean: look exactly the same) is not only a bad idea, it's impossible.

Sites should look like they are designed for the medium used to view them. That means vastly different layout, look, content, and functionality between viewing on a smartphone and using an Ultra-HD monitor.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved