余分なdivでブートストラップ列をラップする

Question

私はブートストラップv4を使用しています。余分なdivに列をラップするとレイアウトが壊れます。何故ですか？ col-*必見がrow内に直接置かれるので、それが起こって

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

Answer 1

を働いていないhttp://codepen.io/mariuszdaniel/pen/aJJjzJ

作品

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

をcodepenへのリンク。

Bootstrap docsを読む...

は「コンテンツは、列内に配置されなければならない、そして唯一の列は、行の 直下の子かもしれません。」

も読み：

How the Bootstrap Grid Works