How to set container width on Bootstrap 3?
The preset .container width for Bootstrap 3 is 1170px. However, if you want to change it to 940px or 980px, there are ways on how to do it.
1. Directly change the container width on bootstrap.css to your desired width. However, the issue is if you have to make some changes. You will keep on changes the main Bootstrap file which is not good practice if you want to keep files easy to manage.
2. Another way is to set the width using media queries.
@media (min-width: 1200px) { .container{ max-width: 970px; } }
The advantage of setting it this way versus customizing the Bootstrap file is that you don’t have to change the Bootstrap file directly. For example, if you are using a CDN, you can still download most of Bootstrap from the CDN without having to worry on overrides.
