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创建一个表？我需要Image和第一行“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内。

Bootstrap网格 - div彼此相邻

1 个答案: