>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;
>}
>
Maybe move the content-wrapper class to bootstrap - then you can define different values for different screen resolutions ?
>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?
I often have a fixed footer so set the margin so that bottom content doesn't get hidden behind the footer. Other than that don't think it matters too much - but IAC you could define a smaller bottom margin for small devices where real estate is at a premium ?
>TIA for any suggestions.