2010-12-15 15 views

答えて

2

デモのソースコードを見ると、それはが本当に簡単だと分かります。この部分を変更します。

これに

 <!-- first row --> 
    <div class="item"> 

     <!-- image --> 
     <img src="http://farm1.static.flickr.com/_m.jpg" /> 

     <!-- title --> 
     <h3>1. Barcelona Pavilion</h3> 

     <!-- content --> 
     <p> 
      The Pavilion was not only a pioneer ... 
     </p> 

    </div> 

    <!-- 2:nd and 3:rd rows --> 
    <div class="item"> ... </div> 
    <div class="item"> ... </div> 

    </div> 

    <!-- second element with another three rows (and so on) --> 
    <div> 
    ... 
    </div> 

 <!-- first row --> 
    <div class="item"> 

     <!-- image --> 
     <img src="http://farm1.static.flickr.com/_m.jpg" /> 

     <!-- title --> 
     <h3>1. Barcelona Pavilion</h3> 

     <!-- content --> 
     <p> 
      The Pavilion was not only a pioneer ... 
     </p> 

    </div> 

    <!-- 2:nd row --> 
    <div class="item"> ... </div> 

    </div> 

    <!-- second element with another two rows (and so on) --> 
    <div> 
    ... 
    </div> 

変更のほとんどは、HTMLのコメントです。あなたがしなければならないのは、それぞれの項目の数が1つ少なくて<div class="item">...</div>です。

関連する問題