如何在rails中添加div class clearfix will_paginate

Question

如何在此代碼中添加<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 %>   

Answer 1

我不認爲這是可能的使用引導clearfix與導軌一起阻止functino/will_paginate後插入的代碼。一些選項是：clearfix every nth child 或向包含div的固定高度css屬性添加固定高度的css屬性，這將使它們具有相同的大小。