再帰的なHTMLのdiv

Question

私は厳密にdiv要素のうち、再帰的な単位を作成する方法を把握しようとしています。

ルートテンプレート（1）であろう。 （2）図は（1）の赤い矩形の拡大図です。

どのようにこの使用して、HTML/CSSとなし、ブートストラップを達成することは可能でしょうか？ありがとう。ここに行く

Answer 1

。

<div> 
    <div id="first" class="main"> 
     <div class="box small"></div> 
     <div class="box small"></div> 
     <div class="clear"></div> 
     <div class="box large"></div> 
    </div> 

    <div id="second" class="main"> 
     <div class="box large"></div> 
     <div class="clear"></div> 
     <div class="box small"></div> 
     <div class="box small"></div> 
    </div> 
</div> 
<style> 
.main{height: auto; margin-bottom:40px;} 
#first{border:1px solid #000; } 
#second{border:1px solid red;} 
.clear{clear:both;} 
.box{margin: 10px; min-height: 50px;} 
.small{width:48%; float:left; border:1px solid #000;} 
.large{width:98%; border:1px solid red;} 
</style>