같은 줄에 DIV 블록 유지

Question

레일즈를 사용하여 두 개의 문자열 변수와 나란히 두 개의 전체 열을 표시하는 페이지가 있습니다. 그 변수 아래에는 일부 DIV 블록이 있습니다. 렌더링 될 때 변수는 경우에 따라 1 줄의 텍스트를 출력하고 다른 줄에는 1 줄 이상의 텍스트를 출력합니다.

현재 변수 아래의 DIV 블록은 각 변수가 동일한 수의 텍스트 행을 출력하는 경우에만 정렬됩니다. 각 변수가 다른 수의 텍스트 행을 출력하면 따르는 DIV 블록은 정렬되지 않습니다. 에 관계없이 얼마나 많은, 나는 항상 서로 줄 수있는 처음 두 DIV 블록을 강제 대해 갈 수 있는지 궁금하네요

<div class="row"> 
    <div class="col-md-6"> 

     <%= @variable.text %> 

     <!-- This div block needs to be aligned with the one in the other column, no matter how much text is outputted above. --> 
     <div> 
      <p>Content</p> 
     </div> 

    </div> 

    <div class="col-md-6"> 

     <%= @variable.text %> 

     <!-- This div block needs to be aligned with the one in the other column, no matter how much text is outputted above. --> 
     <div> 
      <p>Content</p> 
     </div> 

    </div> 

</div> 

: 여기

코드가 어떻게 생겼는지의 간단한 예입니다 텍스트 줄이 그 위에 표시됩니다.

Answer 1

분할 2 행에 구조 :

<div class="row"> 
    <div class="col-md-6"> 

     <%= @variable.text %> 

    </div> 

    <div class="col-md-6"> 

     <%= @variable.text %> 

    </div> 

</div> 
<div class="row"> 
    <div class="col-md-6"> 
     <div> 
      <p>Content</p> 
     </div> 
    </div> 
    <div class="col-md-6"> 
     <div> 
      <p>Content</p> 
     </div> 
    </div> 
</div> 

Answer 2

이 테이블 형식의 데이터처럼 보이는, 그래서 테이블로 갈 것입니다 : 당신은 또한 세포의 이익이와 함께 확장 얻을

<table> 
    <tr> 
    <td><%= @variable.text %></td> 
    <td><%= @variable.text %></td> 
    </tr> 
    <tr> 
    <td>Content</td> 
    <td>Content</td> 
    </tr> 
</table> 

함유량.