我正在尝试使用引导程序实现以下目标

问题描述 投票:0回答:1

Click here to see the image

两栏:
[第一列一行(包含第二列两行)]
[第二列两行]

我没有引导程序方面的专业知识。你能帮我提供内容包装吗?

注意:我没有足够的声誉来附加渲染图像。

bootstrap-4 bootstrap-5
1个回答
0
投票

在这里我在代码沙箱中创建了这个示例

     <div class="container mt-5">
      <div style="height: 300px" class="d-flex gap-3">
        <div class="col-8 btn-primary p-2 rounded h-100">wd</div>
        <div class="col-4 d-flex flex-column gap-3">
          <div class="rounded btn-primary p-2 h-50">wd</div>
          <div class="rounded btn-primary p-2 h-50">wd</div>
        </div>
      </div>
    </div>

image example

© www.soinside.com 2019 - 2024. All rights reserved.