Bootstrap 4总是折叠div

Question

我想把两个div并排放在一起。这应该是直截了当的，但是我的div总是崩溃。我可以随心所欲地扩展屏幕，但它们始终处于折叠状态。我以前也这样做过，这应该是可行的。有没有人能检查一下我的精神状态。使用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

您可以使用container类，然后您应该相应地使用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>