title: MVC View, adding dynamically html code to divs
body: <p>Hi I have a View with two columns (divs) and I would like to add to those columns some divs with charts. I don't know how many of those charts I will have and to which column they should go until it is running.</p>
  
  <p>Is it possible to add alternately to columns depending on some conditions?</p>
  
  <pre><code>&lt;div class="column column-small"&gt;
        @foreach (String c in Model.getSettings().chartsList)
        {
  
            &lt;div class="drag-box white-box chart-box" onmouseup="refreshAfterDrop()"&gt;
                 &lt;div class="handle"&gt;&lt;div class="close"&gt;&lt;/div&gt;&lt;/div&gt;
                 @Html.Action(c, "Report")
            &lt;/div&gt;
        }
  &lt;/div&gt; 
  &lt;div class="column column-big"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>At the moment this code works and is adding every chart to first column (#column-small)
  How can I edit this code to add for example every second chart to first column and rest to second column?</p>
  
  <p>Many thanks</p>