8 ячеек по 300px в два ряда на флекс в бутсрап. Почему не влазит?

.colcol {

width:300px;
height:300px;
border: 1px solid black;

       }

<div class="container">
<div class="row d-flex flex-row justify-content-center" >

       <div class="colcol"></div> 
       <div class="colcol"></div> 
                 
       <div class="colcol"></div> 
       <div class="colcol"></div> 
              
       <div class="colcol"></div> 
       <div class="colcol"></div> 
                 
        <div class="colcol"></div> 
       <div class="colcol"></div> 
        
       </div>
</div>