css - 将每个对象结果放入 span3 rails

Question

我想使用 twitter bootstrap 将我从模型中获得的每个结果放入跨度 3 中，这是我到目前为止所做的，但不是每个结果垂直对齐，而是水平堆叠。我在这里遗漏了什么吗？

<div class="container">
 <div class="row">
  <% @recipes.each do |r| %>
   <div class="span3">
    <div class="thumbnail">
     <%= image_tag r.avatar.url(:myrecipes) %>
    </div>
    <h4><%= link_to r.dish_name, r %></h4>
    <hr>
    <p><%= r.description %></p>
    <p><%= link_to "Edit Recipe", edit_recipe_path(r.id) %></p>
    <p><%= link_to "Delete Recipe", recipe_path(r.id), :confirm => "Are you sure?", :method => :delete %></p>
    <p><%= link_to "Add to favorites",  {:controller => 'favourites', :action => 'create', :recipe_id => r.id}, {:method => :post } %></p>
    <% end %>
   </div><!--/span3-->
   </div><!--/row-->
   </div>

Answer 1

移动你的</div><!-- /span3 --> 之前 <% end %> .

现在，在您的循环中，您打开的 div 与您拥有的食谱对象一样多，但只在循环外关闭一个。