because the maximum display width of bootstrap"s container container is 1140px, the original psd image provided by others during the interview is 1920px; I have never learned this kind of super-large pixel.
if the outermost 1920 is set to margin:0 auto; and the center effect can not be achieved, the small screen will give priority to displaying the left area. Solve the problem
<header>
<div class="container">
<div class="row">
<div class="col-md-4 text-left nav-left"></div>
<div class="col-md-8 text-right nav-right"></div>
</div>
</div>
</header> <style>
header{
width: 1920px;
background-color: rgb(44,44,179);
margin: 0 auto;
}
.nav-left{
height: 90px;
background-color: -sharp00b3ee;
}
.nav-right{
height: 90px;
background-color: -sharp0b2e13;
}
</style> 
modify the maximum display width of the media query for each resolution, or how to set it for the large blue box? It is true that zooming out the page is displayed in the middle of the screen
