请教下ionic的栅格布局怎么样用的呢？

zxhxh0128

想实现这种左边一个大图，右边两个小图在一行的 。我用
<div class="row">
                          <div class="col col-50"><img src="img/cs300x300.jpg"></div>
                          <div class="col col-50 col-top"><img src="img/cs300x300.jpg"></div>
                          <div class="col col-50 col-bottom"><img src="img/cs300x300.jpg"></div>
</div>
实现不了 图片没有自动缩小，布局也不对。。

倾诉灬

<div class = "row">
      <div class = "col">
         <img/>
     </div>
     <div class = "col">
        <div class =  "row"><img/></div>
        <div class = "row"><img/></div>
     </div>
</div>

倾诉灬

<div class = "row">
      <div class = "col">
         <img/>
     </div>
     <div class = "col">
        <div class =  "row">
            <img/>
        </div>
        <div class = "row">
            <img/>
        </div>
     </div>
</div>

倾诉灬

<div class = "row">
      <div class = "col">
         <img/>
     </div>
     <div class = "col">
        <div class =  "row"><img/></div>
        <div class = "row"><img/></div>
     </div>
</div>