>>I am trying to decide on what to use for "restricting" my web application pages width. First, I am using Bootstrap 3.
>>
>>In the default Site.css, which is automatically installed by VS 2012 when creating a new ASP.NET project, the class content-wrapper has a rule of max width of 960px. Here is the code:
>>
>>
>>.content-wrapper {
>> margin: 0 auto;
>> max-width: 960px;
>>}
>>
>>
>>But today many desktops have browsers that allow more than 960px of width (e.g. 1200px). So do you think it is a good practice to follow MS "suggestion" of using only 960px?
>>
>>Another thing I am thinking of setting is the margin for the body of the page. For example:
>>
>>
>> body { margin: 30px }
>>
>>
>>Do you think it is a good practice to set the margin for the body of pages? And what would be a good number?
>
>Use "margin:auto" to center the content-wrapper.
>
>After looking at facebook and youtube and similar enough, I figure the best is to have a layout for 1200 or more, 1024 or more, and 961 or more. Have a mobilish layout for 960 or less. The 1024 only if your design can really take advantage of it..
>
>The 1200 or more on youtube and facebook generally adds a side bar to the 1024 layout.
>
>I too would be interested in seeing other opinions on the topic.
I have been playing with the settings today (on various devices: desktop, iPad, iPhone) and decided on max-width: auto and body margin: 30px for large screens and 10px for mobile devices (like iPhone). So far it looks good this way. Thank you for your suggestions.
"The creative process is nothing but a series of crises." Isaac Bashevis Singer
"My experience is that as soon as people are old enough to know better, they don't know anything at all." Oscar Wilde
"If a nation values anything more than freedom, it will lose its freedom; and the irony of it is that if it is comfort or money that it values more, it will lose that too." W.Somerset Maugham