我有以下部分显示一些东西。但是,页面呈现第一行有一个元素,下一行有3个,等等。最后一行有2个元素。基本上,有一个转变。这可能发生的任何原因?
<% @albums.each_with_index do |album, i| %>
<%if i==0 || i==3 || i==6 || i==9 %>
<div class="row">
<div class="col-lg-4">
<% if album["image"][2]["#text"] != nil %>
<img class="img-circle" src="<%= album["image"][2]["#text"] %>" width="140" height="140">
<% else %>
<img class="img-circle" src="<%= image_path("rec.png") %>" width="140" height="140">
<% end %>
<h2><%= album["name"] %></h2>
<p>
<strong>BY: </strong><%= album["artist"] %><br>
<div>
<%= form_tag(:action => "add_album") do %>
<%= hidden_field_tag 'album_name', album["name"] %>
<%= hidden_field_tag 'album_artist', album["artist"] %>
<%= hidden_field_tag 'album_id', album["id"] %>
<%= hidden_field_tag 'album_image', album["image"][2]["#text"]%>
<%= hidden_field_tag 'album_image_large', album["image"][3]["#text"] %>
<%= submit_tag("Add") %>
<% end %>
</div>
</p>
</div>
</div>
<%else%>
<div class="col-lg-4">
<% if album["image"][2]["#text"] != nil %>
<img class="img-circle" src="<%= album["image"][2]["#text"] %>" width="140" height="140">
<% else %>
<img class="img-circle" src="<%= image_path("rec.png") %>" width="140" height="140">
<% end %>
<h2><%= album["name"] %></h2>
<p>
<strong>BY: </strong><%= album["artist"] %><br>
<div>
<%= form_tag(:action => "add_album") do %>
<%= hidden_field_tag 'album_name', album["name"] %>
<%= hidden_field_tag 'album_artist', album["artist"] %>
<%= hidden_field_tag 'album_id', album["id"] %>
<%= hidden_field_tag 'album_image', album["image"][2]["#text"]%>
<%= hidden_field_tag 'album_image_large', album["image"][3]["#text"] %>
<%= submit_tag("Add") %>
<% end %>
</div>
</p>
</div>
<%end%>
<% end %>