Well, I've always developed websites with bootstrap and never modified the default container size that is 1170px because there was never a need. I now have a 1900 wide layout.
I also always use the sequence col-md-12 col-sm-12 col-xs-12
What is the correct procedure for adapting the container to the size of my layout? Do I have to use -lg- to develop websites whose screen is larger than 1200px?
Use the BootstrapXL library (extra large or extra large).
It is suitable for screens larger than 1600px.
GitHub link: BootstrapXL
If you want to modify the layout for large screens only, you can add the following in your CSS:
@media screen and (min-width: 1980px) { .container { width: 1900px; } }
The width is 1980px is arbitrary. I've put this value, but you can put others. Ideally, it should be greater than 1900px, to give the container a "slack".
Add this rule in another CSS to override that of Bootstrap. It is not advisable to change the Bootstrap file itself.
