ользую bootstrap v4, и когда я обертываю столбцы в дополнительном div, макет становится неработающим. Это почему? Ссылка на коде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>