2016-05-17 4 views
0

Как добавить <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> должен быть вставлен в код после каждой строки и т.д.Как добавить clearfix clear в rails will_paginate

<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 %>   

ответ

0

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