包裹在额外的div引导列包裹在额外的div引导列(Wrapping bootstrap column

我使用的是引导V4，当我在加时赛中的div包裹栏的布局变得破碎。 这是为什么？ 链接codepen http://codepen.io/mariuszdaniel/pen/aJJjzJ

作品

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

不工作

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

Answer 1:

它的发生是因为col-* 必须 直接放在里面row 。

阅读引导文档 ..

“内容应放在列内，只列可能是行的直接孩子。”

因为列将简单地堆叠/如果不是直接放置在内部垂直包裹这是在自举4 特别重要.row 。

---

另请阅读 ：

如何引导电网工程
引导行和列-我需要使用行？
引导4.0网格系统布局不工作

文章来源: Wrapping bootstrap columns in extra div