Rails：我如何组织这些？

Question

我很难像画廊那样组织每件产品。你能帮我解决这个问题，所有的帮助都会受到赞赏。

  <% @products.each do |product| %>
          <%= product.title %> 
          <%= product.edition %> 
          <%= link_to (image_tag product.image.url(:large)), product %>

          <%= product.price %>

  <% end %>

这就像他们的组织方式一样。

Answer 1

你可以使用bootstrap的网格系统http://getbootstrap.com/css/和ruby的each_slice方法

Answer 2

以下内容应该有效：

<div class="container">
  <div class="row">
    <div class="col-lg-12">
       <h1 class="page-header">Thumbnail Gallery</h1>
    </div>
    <% @products.each do |product| %>
        <div class="col-lg-3 col-md-4 col-xs-6 thumb">
           <%= link_to product.image.url(:large), product do %>       
               <%= image_tag product.image %>
               <%= product.title %> 
               <%= product.edition %>
               <%= product.price %>

           <% end %>
      </div> 
  </div>
<% end %>
</div>
</div>

这取自https://github.com/IronSummitMedia/startbootstrap-thumbnail-gallery/blob/gh-pages/index.html

的示例HTML

css完全由Twitter Bootstrap提供，我认为你已经将其包含在你的项目中。

我还使用image_tag生成的html添加了product.image。你的erb中没有图像。