Как отобразить фид контента в несколько столбцов? - PullRequest
Новая
       39

Как отобразить фид контента в несколько столбцов?

2 голосов
/ 13 февраля 2012

Я новичок в программировании, только что закончил RailsTutorial и сейчас пытаюсь создать сайт типа Pinterest с использованием Rails.

Мне бы хотелось, чтобы основной сайт отображал элементы в нескольких столбцах и в бесконечном количестве.петля типа:

1 2 3 4 5

6 7 8 9 10

.,,,.

У меня есть макет, который мне нужен, но я не знаю, как разбить фид контента на несколько элементов div.

home.html.erb (я знаю этонеправильно) 

<% if signed_in? %>

  <div id="container" summary="For signed-in users">
    <div class="news-column1"><%= render 'shared/feed' %></div>
    <div class="news-column2"><%= render 'shared/feed' %></div>
    <div class="news-column3"><%= render 'shared/feed' %></div>
    <div class="news-column4"><%= render 'shared/feed' %></div>
    <div class="news-column5"><%= render 'shared/feed' %></div>
<% else %>
...
<% end %>

_feed.html.erb 

<% if @feed_items.any? %>
  <%= render :partial => 'shared/feed_item', :collection => @feed_items %>
<% end %>

_feed_item.html.erb 

<div class="news">
    <div class="comments">
        <%= wrap(feed_item.content) %>
    </div>
    <div class="stats">
        #Likes, #Comments, #Repins
    </div>
    <div class="points">
    <%= link_to feed_item.user.name, feed_item.user %>
    </div>
    <div class="author">
    Posted <%= time_ago_in_words(feed_item.created_at) %> ago.
    </div>
</div>
<% if current_user?(feed_item.user) %>
  <div>
    <%= link_to "delete", feed_item, :method => :delete,
                                     :confirm => "You sure?",
                                     :title => feed_item.content %>
  </div>
<% end %>

Ответы [ 2 ]

1 голос
/ 13 февраля 2012

Райан Бейтс показал вам, как это сделать здесь :

в качестве резюме вот код: 

<table>
<% @tasks.in_groups_of(5, false) do |row_tasks| %>
  <tr>
    <% for task in row_tasks %>
      <td><%= task.name %></td>
    <% end %>
  </tr>
<% end %>
</table>
0 голосов
/ 06 августа 2014

Мне кажется, это хорошо работает: 

<div class="container-fluid">
  <% @buildings.each do |building| %>
    <div class="col-md-3">
        <%= building.name %>
    </div>
  <% end %>
</div>
...