引导网格 - div 彼此相邻

Question

我对第二个div有问题。 我的代码实际上看起来像这样：

<div class="container-fluid section" style="height: 100%; background:#F7E999;" id="offer">
<div class="container text-center">
<div class="row align-items-center">
<div class="col">
<h1 class="text-light">Oferta</h1>
<div class="col-md-12"><img src="./image/image1.png" style="width:30%">Lorem ipsum...</div>
<div class="col-md-12"><img src="./image/image2.png" style="width:30%">Lorem ipsum...</div>
</div>
</div>
</div>
</div>

如何从具有两列和两行的div 制作表格？我需要图像和第一个"Lorem ipsum..."在一排和两个山坳中，与接下来的两个相同。

我尝试这样做：

<div class="col-md-12>
<div class="col-md-6></div>
<div class="col-md-6></div>
</div>

但它不起作用。有人可以帮忙吗？

Answer 1

您必须将列包装成一行。

更改此设置：

<div class="col-md-12">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>

对此：

<div class="col-md-12">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>
</div>

假设您最外层的col-md-12也在row内。