title: code based repeater in Razor c#
body: <p>I have the following Razor code:</p>
  
  <pre><code>@foreach (var row in Model)
          {
             &lt;div&gt;&lt;img src="~/Content/images/flickabase/@row.FlickaMasterImage" alt="@row.FlickaMasterImageCaption" class="img-thumbnail" width="100" heigh="100"/&gt;
              &lt;a href="/flickas/flickaid/@row.Id/flickaname/@row.FlickaName.Trim()"&gt;@row.FlickaName&lt;/a&gt; &lt;/div&gt; 
          }
  </code></pre>
  
  <p>This prints out a series of thumbnails and boat name. Like this. <br/></p>
  
  <p><a href="https://i.stack.imgur.com/A7Imn.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A7Imn.jpg" alt="single column display"></a></p>
  
  <p>The problem is that I want to write out four columns with the data running top to bottom, left to right. 
  This used to be easy with .net repeater control but I can't see how I can easily do this with Razor.  Is there an easy way to do this?  The best idea I have come up with is to count the rows. Divide by four and then (since I am using Bootstrap) create a grid column for each batch.</p>
  
  <p>Norb.</p>