I'm using bootstrap v4 and when I wrap columns in extra div the layout becomes broken. Why is that? Link to codepen http://codepen.io/mariuszdaniel/pen/aJJjzJ
Works
<div class="container">
<div class="row">
<div class="col-4"></div>
<div class="col-8"></div>
</div>
</div>
Not working
<div class="container">
<div class="row">
<div class="myclass">
<div class="col-4"></div>
<div class="col-8"></div>
</div>
</div>
</div>