Bootstrap position relative vs absolute vs container

How to make to absolute class around a container when zoom out page then apply that container max-width: 1200px; so the content stay middle page inside absolute?

I have no idea :(. HELP ME?

.max-width is a CSS property that is valid. So you can over-ride the bootstrap container class with code like this, just make sure you put your custom css after the bootstrap css stylesheet if you are working outside codepen:

.container {
max-width: 1200px;

I set a class

max-width: 1200px;

but on position absolute not really want to work. How can set container or that max width for elements what it has absolute with left top example?

I still read about it and maybe can do somehow with display: table; hmm and table-cell.