Html 导轨，使用引导对齐动态元素

我正在尝试使我的产品显示视图，并使用引导将它们对齐，就像在我的模型中一样。 问题是，因为元素是动态创建的，所以我不能对所有元素进行大的bootstap div来设置偏移量，如果我只设置元素大小，它们就根本没有对齐： 我用黑色背景显示它们，以便更好地查看每个div的位置

---

问题在于不断变化的高度。如果你的文本不断变化，试着用省略号截断它，然后在显示页面上显示更多。

为了解决当前页面的问题，我将为div中的所有内容制作一个包装，并给它一个固定的高度。例如：

  <% @products.each do |product| %>
    <div class="product-tile">
      <div class="entry col-xs-4 col-xs-offset-0 col-lg-4 col-lg-offset-0">
        <div class="product_img img-responsive">
          <%= image_tag(product.image_url)%>
        </div>
      <div class="product_description">
        <h3><%= product.title %></h3>
          <%= sanitize(product.description)%>
        <div class="price_line">
          <span class="price"><%=number_to_currency(product.price)%></span>
        </div>
      </div>
    </div>
  <% end %>

---

然后给

产品磁贴

css一个高度，比如说

高度：400px

，或者你玩游戏和锻炼

看起来您试图在一行中容纳太多的列。试着从这个开始，然后你就可以随心所欲地设计div了

<% @products.in_groups_of(3, false) do |products| %>
  <div class="row">
    <% products.each do |product| %>
      <div class="col-xs-4 ...">
        ...
      </div>
    <% end %>
  </div>
<% end %>

...

不幸的是，我尝试了此修复，但问题是相同的，我的元素显示为楼梯，而不是在同一水平线上。它终于起作用了，我不敢相信你这么久以前给了我一个好的答案。。我没有注意到文字改变高度的部分。。非常感谢。我试过了，但根本不起作用，元素被一个接一个地放置在这个trickCan中，我问你想用嵌套在彼此内部的3个循环做什么<代码>我在Pragprog书中发现了显示数据库缓存内容的技巧。。我不应该那样做？你认为这会导致问题吗？有没有办法让我访问代码（github repo）？是的，我在我的github repo上推了它，你可以在这里的“工作”文件夹中找到，谢谢！：谢谢你抽出时间！：）