Bootstrap: how do I change the width of the container?

by

Here is the solution :

@media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}

The advantage of doing this, versus customizing Bootstrap as in @Bastardo’s answer, is that it doesn’t change the Bootstrap file. For example, if using a CDN, you can still download most of Bootstrap from the CDN.

More Related Contents:

  1. My Bootstrap Window Became to large?
  2. Bootstrap Rows and Columns – Do I need to use row?
  3. Twitter Bootstrap Customization Best Practices [closed]
  4. How to dismiss a Twitter Bootstrap popover by clicking outside?
  5. How to namespace Twitter Bootstrap so styles don’t conflict
  6. Fluid or fixed grid system, in responsive design, based on Twitter Bootstrap
  7. Bootstrap: Collapse other sections when one is expanded
  8. Updating Bootstrap to version 3 – what do I have to do?
  9. Bootstrap – row can I have columns add up to more then 12?
  10. Stacked Tabs in Bootstrap 3
  11. Bootstrap tooltips not working
  12. Wrapping bootstrap columns in extra div
  13. How to create new breakpoints in bootstrap 4 using CDN?
  14. How to use CKEditor in a Bootstrap Modal?
  15. BootStrap3 keep the dropdown menu open after click on the item
  16. Should I use Bootstrap from CDN or make a copy on my server?
  17. how to destroy bootstrap modal window completely?
  18. Bootstrap 4 Multiple fixed-top navbars
  19. Bootstrap 3 Gutter Size
  20. Angular 4: How to include Bootstrap?
  21. Change the background color in a twitter bootstrap modal?
  22. Bootstrap 3, 4 and 5 .container-fluid with grid adding unwanted padding
  23. Twitter Bootstrap modal blocks text input field
  24. Different slide duration for each item on bootstrap 3.1 carousel
  25. Bootstrap – I don’t want columns to have the same height
  26. Is there a hosted version of Twitter Bootstrap? [closed]
  27. Simple Bootstrap page is not responsive on the iPhone
  28. Binding to Collapse event in Twitter Bootstrap 3
  29. Fluid input-append in Bootstrap Responsive
  30. keep the current tab active with twitter bootstrap after a page reload?

Leave a Comment