Welcome to WebmasterWorld Guest from 54.167.205.224

Forum Moderators: not2easy

Message Too Old, No Replies

Design Responsive Web site with Bootstrap 3

     
1:39 am on Feb 5, 2014 (gmt 0)

New User

joined:Oct 30, 2013
posts: 37
votes: 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
9:51 am on Feb 5, 2014 (gmt 0)

Senior Member

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

joined:Feb 3, 2004
posts: 6109
votes: 6


There are many open source templates around for this that could save you much of the trouble.
2:37 pm on Feb 5, 2014 (gmt 0)

Junior Member

joined:June 6, 2012
posts: 104
votes: 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;
}
4:07 pm on Feb 5, 2014 (gmt 0)

Senior Member

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

joined:Aug 7, 2003
posts:4783
votes: 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.
2:08 am on Feb 6, 2014 (gmt 0)

New User

joined:Oct 30, 2013
posts: 37
votes: 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?
2:31 am on Feb 6, 2014 (gmt 0)

Junior Member

joined:June 6, 2012
posts: 104
votes: 0


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