Как в бутстрап 4 сделать, чтобы макет был резиновым до определенной ширины центрального блока?

Question

[aliasst]

Нужно чтобы центральный блок был резиновым до ширины 1120px, после дальнейшего увеличения браузера он должен центрироваться по центру... Правильно ли я сделал?

<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col mycol ">
		<div class="row">
                      <div class="col ">Моя колонка 1</div>
		      <div class="col ">Моя колонка 2</div>
		</div>
	</div>
   </div>
</div>
	
	<style>
	
	.mycol {background:red; max-width:1120px;}
	
	</style>

Answer 1

[I'm Yoda]

почему бы не использовать

<div class="container">
     <div class="row">
          <div class="col">
                    
          </div>
     </div>
</div>

@media (min-width: 1200px)
.container {
    max-width: 1140px;
}

Comments

[aliasst]

спасибо... только мне еще нужно внешнему для контейнера блока задать фон, а в вашем примере внешнего блока нет..

[I'm Yoda]

aliasst, так оберните и задайте фон)