I'm new at front end and trying bootstrap,
if you look at Bootstrap 5 documentation: https://getbootstrap.com/docs/5.0/layout/containers/
there's a responsive table for container. But I want it to be like this (see my red mark):
Basically I want to limit the width to 960px no matter big the screen sizes are.
If possible I want to change Bootstrap SASS configuration rather than writing my own CSS. (which is recommended by Bootstrap)
Edit: I'm using ruby on rails. command: rails new -c bootstrap
In the documentation you linked, it tells you how to override them.
Specifically this section:
Quoted from website below:
As shown above, Bootstrap generates a series of predefined container classes to help you build the layouts you desire. You may customize these predefined container classes by modifying the Sass map (found in _variables.scss) that powers them:
I don't know how you integrated bootstrap into your app, but your first step is finding / exposing