Wie man ein div-Klasse-Clearfix in einem Rails hinzufügen will_paginate

Question

Wie füge ich <div class="clearfix visible-lg-block visible-md-block visible-sm-block"></div> in diesen Code? Das Problem, das ich habe, ist, dass jeder paginierte Benutzer nicht immer die gleiche Höhe hat und wenn die Höhen ausgeschaltet sind, wird die nächste Reihe durcheinander gebracht. Ich brauche die <div class="clearfix visible-lg-block visible-md-block visible-sm-block"></div> etc

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

Answer 1

nach jeder Zeile in den Code eingefügt werden, ich glaube nicht, dass dies möglich ist, zusammen mit den Schienen blockieren functino/will_paginate den Bootstrap clearfix zu verwenden. Einige Optionen sind: clearfix every nth child oder eine CSS-Eigenschaft mit fester Höhe zum enthaltenen div hinzufügen, die ihnen die gleiche Größe verleiht.