尝试呈现列时的html问题

Question

不确定我的产品为什么会这样。他们混乱不堪，流离失所，看上去丑陋。该项目位于引导程序3中。以下是其外观的图像：

下面的代码是部分

<% products.each do |product| %>
    <div class="col-md-4">
        <div class="panel panel-default">
            <div class="panel-heading preview">
                <%= image_tag product.cover_photo(:medium) %>
            </div>
            <div class="panel-body">
                <%= link_to product.name, product %><br/>
                $<%= product.price %> - <%= product.weight %><br/>
                <%= product.strain_type %><br/>
                <%= product.product_type %><br/>
                <span style="color: red;">THC: <%= product.percentage %>%</span>
            </div>
        </div>
    </div>

    <script>
    $('#star_<%= product.id %>').raty({
        path: '/assets',
        readOnly: true,
        score: <%= product.average_rating %>
      });
</script>
<% end %>

Answer 1

为面板设置固定高度

.panel-default {
   height: 200px; /* sample height */
}

由于高度不相等，因此显示为