2017-04-21 52 views
0

我正在制作一个基本的Ruby on Rails应用程序,用户可以在其中创建&查看帖子。如何在Ruby on Rails上使用Bootstrap Scss来创建帖子列表

这是我用来显示帖子

<% if @feed_items.any? %> 
    <ol class="posts"> 
<%= render @feed_items %> 
</ol> 
<%= will_paginate @feed_items %> 
    <% end %> 

目前我已经播种每个用户大约50个员额用于测试和职位这样列表中的所有显示的代码:

Post 1 
Post 2 
Post 3 
Post 4 etc 

我想用bootstrap scss来设计这些帖子的风格,所以不是上面的风格更像

Post 1    Post 2    Post 3 
Post 4 

哪里有每个行3个职位,而不是只有1个。

有没有人有任何建议如何一个非常新的自举scss可以接近这个?

回答

0

您可以使用in_groups_ofbootstrap grid system组合

<% if @feed_items.any? %> 
    <% @feed_items.in_groups_of(3).each do |feeds| %> 
    <div class="row"> 
     <% feeds.each do |feed| %> 
     <div class="col-md-4"> 
      <%= render feed %> 
     </div> 
     <% end %> 
    </div> 
    <% end %> 
<% end %> 
+0

完美,这解决了吧:) – Andrew

+0

一个问题:在我的静态页面控制器我定义饲料项目为: @feed_items = current_user.feed.paginate(page:params [:page]) 我该怎么做没有分页的同一件事? – Andrew

0

我认为in_groups_of是一个很好的适合你的需要。

将下面的代码划分您的饲料项目收集到的3排组,然后只要你喜欢,你可以格式化每组3:

<% if @feed_items.any? %> 
    <table> 
    <% @feed_items.in_groups_of(3).each do |row_feed| %> 
    <tr> 
     <% for feed in row_feed %> 
     <td><%= feed.title %></td> 
     <% end %> 
    </tr> 
    <% end %> 
    </table> 
    <%= will_paginate @feed_items %> 
<% end %> 
相关问题