html - オブジェクトのリストを作成し、それらをタイルとして提示する

Question

今、私はこれを生産しています

次回は3×3の立方体みたいになってほしい

以下のコードは、画像内のものを生成しています。

<div class="container" style="border: 1px solid blue; padding: 10px">
@foreach (var m in Model.FilteredMatches)
{
 <div class="span3">
 <a href=@Url.Action("Details", "Member", new { id = m.UserId }) class="thumbnail">
 <div class="span4 " style="border: 1px solid red; padding: 10px">
 <img src="@m.Photo.PhotoURL" class="img-responsive " style="max-height:300px;max-width:200px"/>
  </div>
 <div class="span2 " style="border: 1px solid black; padding: 10px">
 <h5>@m.Username</h5>
<h5>@m.Age year old @m.Gender.WhatGender | Seeking</h5>
<h5>@m.City, @m.State.Name,@m.State.Country.Name</h5>
</div>
 </a>
 </div>
 }
</div>

また、ブートストラップがスパンを隣り合わせに配置していない理由もわかりません。