イオン1カードビュー2行を表示

Question

イオン1リストカードビューで2行のデータを表示する必要がありますが、これを達成できませんでした。私は2つの行を追加するのに2つのdivを使用していますが、動作しません。 cardBaseクラスは、この静止画データを1つの行に示されている行った後

.cardBase { 
    margin: 15px 0; 
    padding: 16px; 
    width: 100%; 
    height: 150px; 
    resize: none; 
} 

ある

<div class="row row-responsive"> 
<div class="col"> 
    <div class="row row-responsive item item-divider"> 
     <div class="col " align="center"> 
      Last Name 
     </div> 
     <div class="col " align="center"> 
      First Name 
     </div> 
     <div class="col " align="center"> 
      Middle Name 
     </div> 
     <div class="col " align="center"> 
      Address 
     </div> 
     <div class="col " align="center"> 
      Age 
     </div> 
     <div class="col " align="center"> 
      City 
     </div> 
     <div class="col " align="center"> 
      State 
     </div> 
    </div> 

    <div class="row row-responsive item list card cardBase" ng-repeat="item in myList"> 
     <div class = "row row-responsive"> 
      <div class="col item-Overflow" align="center"> 
       {{item.LName}} 
      </div> 
      <div class="col item-Overflow" align="center"> 
       {{item.FName}} 
      </div> 
      <div class="col item-Overflow" align="center"> 
       {{item.MName}} 
      </div> 
      <div class="col item-Overflow" align="center"> 
       {{item.Address}} 
      </div> 
     </div> 
     <div class = "row row-responsive"> 
      <div class="col item-Overflow" align="center"> 
       {{item.Age}} 
      </div> 
      <div class="col item-Overflow" align="center"> 
       {{item.City}} 
      </div> 
      <div class="col item-Overflow" align="center"> 
       {{item.State}} 
      </div> 
     </div> 
    </div> 
</div> 

。フォーマットこのような単純な

Answer 1

次のデータを表示するために私を助けてください：

<ion-content> 

    <div class="card"> 

     <div class="row"> 
     <div class="col">John</div> 
     <div class="col">Dev</div> 
     <div class="col">Peter</div> 
     <div class="col">Washington, DC</div> 
     </div> 

     <div class="row"> 
     <div class="col">23 Years</div> 
     <div class="col">Tucson</div> 
     <div class="col">USA</div> 
     </div> 

    </div> 

    </ion-content> 

チェックionic grids多くのため。