You can easily adjust the width of the bootstrap grid by setting a max-width of the .container. See the examples below

Detailed documentation and more examples you can find in our Bootstrap Containers Docs


Basic example

Add this simple CSS to your project:


      .container-example {
        /* Set your width */
        max-width: 800px;
      }
    

It will set a maximum width to the container so it will not stretch too much on bigger screens, but it sill will be responsive on smaller screens and mobile.

Modified container with a max-width = 800px

Regular container