homepage Welcome to WebmasterWorld Guest from 54.226.136.179
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, Moderators: not2easy

CSS Forum

    
Design Responsive Web site with Bootstrap 3
cfmtravel



 
Msg#: 4642480 posted 1:39 am on Feb 5, 2014 (gmt 0)

I'm planning to develop a new web project using Bootstrap 3 and I'm still thinking about how to design all the site.
I'm thinking about a responsive web site, the idea is
to have 4 "version" (based on the Bootstrap media queries)
up to 480
481 to 768
768 to 992
993 and more (maximum width 1250)

I would like to have some opinion especially for the maximum width 1250. How to set it and what is your opinion about having a max width.

Thanks

 

BeeDeeDubbleU

WebmasterWorld Senior Member beedeedubbleu us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 4642480 posted 9:51 am on Feb 5, 2014 (gmt 0)

There are many open source templates around for this that could save you much of the trouble.

brandozz



 
Msg#: 4642480 posted 2:37 pm on Feb 5, 2014 (gmt 0)

What I typically do is create a class called "container" and set the max-width to whatever I want it to be.

.container {
max-width: 1250px;
}

swa66

WebmasterWorld Senior Member swa66 us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 4642480 posted 4:07 pm on Feb 5, 2014 (gmt 0)

You need some way to deal with really wide screens.
I'm sitting right now next to a screen that's 2560 pixels wide ... (27", so you can see them)
But I'll never use a browser on that screen full screen - but some people do that, so you need to avoid them getting too long lines to be able to read your text.

But in a responsive design worth the name, you couldl move much of a footer e.g. next to the text and still make use of that space to a point (it stops at a given point , you can't continue to do it forever.
But there's use to be made of width before it becomes impossible and that opportunity should be used.

cfmtravel



 
Msg#: 4642480 posted 2:08 am on Feb 6, 2014 (gmt 0)

I was thinking about setting the container with a max-width like brandozz suggested.
Can you confirm that the max-width for the container in bootstrap 3 is 1170px?

swa66 the idea to set a max-width will solve the problem of browser on full screen (when the screen is huge), do you think is ok?

brandozz



 
Msg#: 4642480 posted 2:31 am on Feb 6, 2014 (gmt 0)

Yes, the max-width of "container" in bootstrap 3 is 1170px.

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