Как добавить clearfix класса div в rails will_paginate

Как мне добавить <div class="clearfix visible-lg-block visible-md-block visible-sm-block"></div> в этот код? Проблема, с которой я сталкиваюсь, заключается в том, что каждый пользователь с разбивкой на страницы не всегда будет иметь одинаковую высоту, и когда высоты не совпадают, следующая строка искажается. Мне нужно, чтобы <div class="clearfix visible-lg-block visible-md-block visible-sm-block"></div> вставлялось в код после каждой строки и т. д.

<div class="row community">
  <% @users.in_groups_of(3, false).each do |users| %>
    <% users.each do |user| %>
      <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="col-xs-12">
            <center><p class="user-name"><%= link_to user.name, user %></p></center>
          </div>
          <div class="col-xs-4">
            <div class="user-image">
              <%= link_to image_tag(user.photo.thumb.url, class: "circular"), user %>
            </div>
          </div>
          <div class="col-xs-8 community">
            <ul class="name-head">
              <li class="witty">
                <%= user.profile %>
              </li>
              <% if current_user == user %>
              <li class="update"><%= link_to "Update Your Bio", edit_user_path(current_user) %></li>
              <% end %>
              <li class="follow">
              <% unless current_user == user %>
                <%= render partial: "follow_form", locals: { user: user } %>
              <% end %>
              </li>
            </ul>
          </div>
          <div class="col-xs-12">
            <div class="following-list">
              <div class="col-xs-4">
                <a href="<%= following_user_path(user.id) %>">
                  <center><strong id="following" class:"stat">
                  <%= user.following.count %><br>
                  following
                  </strong></center>
                </a>  
              </div>
              <div class="col-xs-4">
                <a href="<%= followers_user_path(user.id) %>">
                  <center><strong id="followers" class="stat">
                    <%= user.followers.count %><br>
                    followers
                  </strong></center>
                </a>
              </div>
              <div class="col-xs-4">
                <a href="<%= user_path(user.id) %>">
                  <center><strong id="photo-count" class="stat">
                    <%= user.photos.count %><br>
                  photos
                  </strong></center>
                </a>  
              </div>
            </div>  
        </div>
        </div>
    <% end %>
  <% end %>
</div>
<%= will_paginate @users %>        

person Timmy Von Heiss    schedule 17.05.2016    source источник


Ответы (1)


Я не думаю, что это возможно, чтобы использовать исправление начальной загрузки вместе с блоком rails functino/will_paginate. Вот некоторые варианты: clearfix каждого n-го дочернего элемента или добавление свойства css с фиксированной высотой. к содержащему div, который сделает их одинаковыми по размеру.

person Timmy Von Heiss    schedule 17.05.2016