Question

我希望以网格的形式从数据库中检索数据，我使用bootstrap列，但默认情况下，将在ruby on rails 5中以列表的形式检索数据。这是我的视图代码。

main.js

表名=冰箱，here is the screen shot我想要显示数据。所有样式都正常工作，但只有问题是数据以列表形式check here显示。请帮帮我。

Answer 1

你的＆＃34; col-md-3＆＃34;缺少＆＃34;，你必须将列大小分别放在循环中，这是你可以尝试的修订版

<div class="row">
  <% unless @fridges.blank? %>
    <% @fridges.each do |fridge| %>
      <div class="col-md-3">
        <div class="card card-cascade narrower">
            <div class="view overlay hm-white-slight">
              <%= image_tag(fridge.image.url(:medium), :alt => "Fridge Item", :class => "img-fluid")%>
                <a>
                    <div class="mask waves-effect waves-light"></div>
                </a>
            </div>
            <div class="card-block text-center">
                <a href class=text-muted>
                    <h5><%= fridge.Amount %></h5>
                </a>
                <h4 class=card-title>
                    <strong>
                       <%= link_to fridge.Name, fridge_path(fridge) %>
                    </strong>
                </h4>
                <div class=card-footer>
                    <span class=left><%= fridge.Amount %></span>
                    <span class=right>
                        <%= truncate(fridge.Quantity) %>
                    </span>
                </div>
            </div>
        </div>
      </div>
    <% end %>
  <% end %>
</div>

如何在轨道上的ruby中以网格的形式从数据库中检索数据

1 个答案: