Html 如何在引导中并排创建2个div

我并排创建了两个div，第一个div是第三列，第二个div是第九列，假设两个div的高度都是600px，现在我想在第九列的第二个div中创建6个小盒子，而不破坏第一个div

             WHAT I EXPECTED

COL-SM-3 COL-SM-9

---

|| | | uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu| | | | | | | | | | | | | | |______| |______| |_____| | | | | ______ _______ ______ | | | | | | | | | | | | | | |______| |______| |_____| | |________||_______________________________|

                WHAT I GET

---

|| | | uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu| | | | | | | | | | | | | | |______| |______| |_____| | | | |_______________________________| ||
||
|________|

---

||

---

|______|IDK您到底是如何做到这一点的，但为了正确使用引导列，您必须将它们包装成行。这样，您应该有一个

包装两个主列，另一个在其中，以便有更多列包装它们。

您应该在这里阅读引导网格文档：

如果我理解正确（不幸的是，您的“可视化”并不能真正说明问题），您正试图将两个div放在一起，子div位于第二个父div中。在这种情况下，您只需要执行以下操作：

父1
父母2子女1
父母2子女2
父母2子女3
父母2子女4
父母2子女5
父母2子女6

您试图显示的“可视化”不是很具有描述性，因为不同的屏幕尺寸会破坏它。你能给我们看一下你的代码并试着重新表述一下你想要达到的目的吗？