引导程序 4 总是折叠 div

Question

我正在尝试并排获得 2 个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

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