Rails + Bootstrap响应列

时间:2015-09-29 18:52:48

标签: ruby twitter-bootstrap responsive-design

我需要在响应式div中显示所有产品 - lg分辨率的连续三个产品,md和sm分辨率的连续两个产品以及xs分辨率的连续产品。

我的视图标记应该是什么样的?当然,以下代码不起作用,因为每个产品都显示在一个新行中。我使用each_slice(3)在Stackoverflow上发现了类似的问题,但在这种情况下只有lg解析支持,我需要响应式标记。

<% @products.each do |product| %>
<div class="row">
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
        <%= link_to image_tag(product.productphoto.url), product_path(product) %>
    </div>
</div>

0 个答案:

没有答案