Twitter bootstrap 在额外的div中包装引导列

我使用的是BootstrapV4，当我将列包装到额外的div中时，布局就会被破坏。为什么呢？链接到代码笔

工作

不起作用

<div class="container">
    <div class="row">
        <div class="myclass">
            <div class="col-4"></div>
            <div class="col-8"></div>
        </div>
    </div>
</div>

---

之所以发生这种情况，是因为

列-*

必须直接放在

行中

读一下

“内容应放在列中，并且只能放在列中。”
行的直接子行。”

这在引导程序4中尤其重要，因为如果不将列直接放置在
行中，列将简单地垂直堆叠/包装


另请阅读：





谢谢。我一定是忽略了这一点。有解决办法吗？我需要有这个额外的div，但我希望bootstrap“忽略”它。
<div class="container">
    <div class="row">
        <div class="myclass">
            <div class="col-4"></div>
            <div class="col-8"></div>
        </div>
    </div>
</div>