当我尝试将两个 div 并排放置时，"col-md-6"不起作用

Question

我试图用引导程序类将文本部分和图像放在一起，但做不到。请帮忙。

<div class="container">
<div class="row">
<div class="home-shape">
<div class="col-md-6">
<h1>Find Your Perfect Future Home</h1>
<p>Search confidentially with your trusted source of homes for sale or rent</p>
</div>

<div class="col-md-6 home-image-banner">
<img src="images/building.png" alt="">
</div>
</div>
</div>
</div>

Answer 1

您的col-md-6需要是row的直接子级。如果需要home-shape类，请将代码更改为：<div class="row home-shape">，而不是单独的divs。