title: display 3 items inside ion-slide
body: <p>I have a list which have 9 to 15 images i am able to put it as a list and on clicking any image it will navigate to its respective page.</p>
  
  <pre><code>&lt;ion-slides&gt;
    &lt;ion-slide *ngFor=" let item of animateItems; let i=index "&gt;
       &lt;ion-row &gt;
              &lt;ion-col width-33 style="padding: 3px; "   (click)="openCategory(item.name)"&gt;
                  &lt;ion-card style="margin: 0px 0px 0px 0px;    width: calc(100%);"&gt;
                      &lt;img src="{{item.image}}"  /&gt;
                      &lt;p style="    margin-top: -24px;color: #fff;    text-align: center;    text-shadow: 1px 2px 2px #000;"&gt;
                          {{item.name}}
                      &lt;/p&gt;
                  &lt;/ion-card&gt;
              &lt;/ion-col&gt;
          &lt;/ion-row&gt;
   &lt;/ion-slide&gt;
  &lt;/ion-slides&gt;
  </code></pre>
  
  <p>What happens in the above code is only one image is been displayed could someone help me to display 3 images on one single slide. consider i have 12 images so 3 slides in each slide 4 images should be displayed could someone help me </p>