부트 스트랩이있는 여러 행에 여러 테이블 정렬

Question

트위터 부트 스트랩 2를 사용 중이고 테이블 정렬에 문제가 있습니다. 대신

| table || table | 
| table || table | 

, 나는이납니다 :

과 같이 행 (2 × 2) 당 2 개 테이블 -

나는 4 개 테이블을 보여주고 싶은 내 레일 응용 프로그램에서 볼 수 있습니다

| table || table | 
     | table | 
| table | 

첫 번째 두 테이블은 원하는 것처럼 정렬되지만 세 번째 테이블은 올바르게 가로로 정렬되지 않습니다. 이유를 파악할 수 없습니다.

# view 
<div class="container">  
    <div class="row"> 
    <%= render :partial=>"article_count", :locals=>{:most_popular_articles=>@most_popular_articles}%> 
    </div> 
</div> 

# _article_count 
<% @most_popular_articles.each do |article| %> 
    <div class="span5"> 
    <table class="table table-hover"> 
     <thead> 
     <tr> 
      # header names 
     </tr> 
     </thead> 
     <tbody> 
     <% user.each do |user| %> 
      <tr> 
      # field values 
      </tr> 
     <% end %> 
     </tbody> 
    </table> 
    </div> 
    <div class="span1"></div> 
<% end %> 

여기에 link to the page이 표시되어 전체 CSS와 HTML이 렌더링 된 모양을 볼 수 있습니다. 이 같은

Answer 1

시도의 뭔가를해야만 :

<% @most_popular_articles.in_groups_of(2).each do |article_array|%> 
    <div class="row"> 
     <% article_array.each do |article| %> 
      <div class="span5"> 
       <table class="table table-hover"> 
        <thead> 
        <tr> 
         # header names 
        </tr> 
        </thead> 
        <tbody> 
        <% user.each do |user| %> 
         <tr> 
         # field values 
         </tr> 
        <% end %> 
        </tbody> 
       </table> 
       </div> 
      <div class="span1"></div> 
       <%end%> 
     </div> 
<%end%>