css - 如何在一行中使用卡片来实现这种引导布局？

Question

我正在尝试连续创建这样的引导卡布局：

到目前为止，我尝试过的是：

<div class="row">
    <div class="col-lg-3">
    </div>
    <div class="col-lg-3">
    </div>        
    <div class="col-lg-9">
    </div>
</div>

结果是这样的：

有人有想法么？提前致谢！：）

顺便说一句*我正在使用 Bootstrap 4。

标签： csstwitter-bootstrapbootstrap-4rowbootstrap-cards

Answer 1

你可以试试这样...

<div class="row">
    
        <div class="col-lg-3">
          
          <div class="row">
            <div class="col-12">
            </div>
            <div class="col-12">
           </div>
          </div>
    
        </div>
            
        <div class="col-lg-9">
        </div>
    
    </div>