Css 如何在Bootstrap中制作3个网格

有人能告诉我，在Bootstrap3这样的网格中我该怎么做？

---

你在那里做的只是把一个div一分为二， 这可以通过在一行中设置两个col-md-6来实现

之后，取第二列并将其拆分为两列-md-12。 这将使两个“盒子”相互重叠

完整代码：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 blue">
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-12 red">
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 green">
                </div>
            </div>
        </div>
    </div>
</div>

.red {
   background-color: rgb(255,0,0);
   width: 100px;
   height: 100px;
  }

  .green {
   background-color: rgb(0,255,0);
   width: 100px;
   height: 100px;
  }

    .blue {
   background-color: rgb(0,0,255);
   width: 200px;
   height: 200px;
  }

瑞德先生{
背景色：rgb（255,0,0）；
宽度：100px；
高度：100px；
}
格林先生{
背景色：rgb（0255,0）；
宽度：100px；
高度：100px；
}
蓝先生{
背景色：rgb（0,0255）；
宽度：200px；
高度：200px；
}

您尝试了什么？显示您的代码。看一看我不再编码的文档——我删除了它。这就是我来这里的原因。因为我需要建议。从您发布的链接中，我仍然不知道如何操作。您可以使用

rowspan

和

colspan

来实现这些网格