Bootstrap 4 всегда рушится div

Question

Я пытаюсь получить 2 деления рядом. Это должно быть прямо вперед, но мои дивы всегда рушатся. Я могу расширить экран так, как мне нравится, но они остаются свернутыми. Я делал это раньше, и это должно работать. Может кто-нибудь проверить мое здравомыслие, пожалуйста. Использование BS 4.4.1

<row class="justify-content-center">            
        <div class="col-5" style="background-color:red">    
            <p>Select your Wi-Fi Network</p>    
        </div>    
        <div class="col-5" style="background-color:blue">
            <p>Select your Wi-Fi Network</p>    
        </div>       
</row>

Answer 1

Вы должны использовать div class = "row" вместо row.

<div class="row">
        <div class="col-5" style="background-color:red">
            <p>Select your Wi-Fi Network</p>
        </div>
        <div class="col-5" style="background-color:blue">
            <p>Select your Wi-Fi Network</p>
        </div>
</div>

Answer 2

Вы можете использовать контейнерный класс, а затем вы должны использовать row и col соответственно, чтобы сделать отзывчивый div.

<div class="container">
 <div class="row">
   <div class="col-sm-6" style="background-color:red">
     <p>Select your Wi-Fi Network</p> 
   </div>
    <div class="col-sm-6" style="background-color:blue">
            <p>Select your Wi-Fi Network</p>    
    </div>
   </div>
</div>