引导网格表

【问题标题】：Bootstrap grid table引导网格表
【发布时间】：2026-01-23 10:05:02
【问题描述】：

我怎样才能使这个平局？第一个盒子黑色 col-lg-2 第二盒红色 col-lg-4 第三个框 col-lg-6 > 包含（一个绿色框 col-lg-8 ）（<li> col-lg-4 中有 4 个蓝色框）

就像这张照片

【问题讨论】：

我认为 CSS 表没有 rowspan 和 colspan 属性是一种耻辱。

【解决方案1】：

您可以轻松嵌套列。尝试这样做：

<div class="row">
    <div class="col-lg-2">black</div>
    <div class="col-lg-4">red</div>
    <div class="col-lg-6">
        <div class="row">
            <div class="col-lg-8">green</div>
            <div class="col-lg-4">blue</div>
        </div>
        <div class="row">
            <div class="col-lg-4">blue</div>
            <div class="col-lg-4">blue</div>
            <div class="col-lg-4">blue</div>
        </div>
    </div>
</div>

【讨论】：

不幸的是最后4个与
相关的蓝框

不是很清楚，你想做什么以及问题是什么......也许你应该修改你的问题并提供更多信息。

【解决方案2】：

我写这个作为答案，因为我无法评论。

您还可以将li-元素放在嵌套的row 和col-*-元素中。

【讨论】：