title: How can I modify the Ionic 2 slider so that it has multiple rows (grid type 4x4, 16 per page)?
body: <p>I'm using the Ionic2 slider, from its components: <a href="http://ionicframework.com/docs/v2/api/components/slides/Slides/" rel="nofollow noreferrer">http://ionicframework.com/docs/v2/api/components/slides/Slides/</a>.
  I can't figure out how to make the slider show items on multiple rows, 4x4 = 16 items per slide.</p>
  
  <p>This is the code I have. The generated html code in the actual page looks diferent.</p>
  
  <pre><code>            &lt;ion-slides pager slidesPerView="16" spaceBetween="20"&gt;
                  &lt;ion-slide style="background-color: green"&gt;
                       &lt;h2&gt;Slide 1&lt;/h2&gt;
                  &lt;/ion-slide&gt;
                  &lt;ion-slide style="background-color: blue"&gt;
                      &lt;h2&gt;Slide 2&lt;/h2&gt;
                  &lt;/ion-slide&gt;
                  &lt;ion-slide style="background-color: red"&gt;
                      &lt;h2&gt;Slide 3&lt;/h2&gt;
                  &lt;/ion-slide&gt;
                  &lt;ion-slide style="background-color: green"&gt;
                       &lt;h2&gt;Slide 1&lt;/h2&gt;
                  &lt;/ion-slide&gt;
                  &lt;ion-slide style="background-color: blue"&gt;
                      &lt;h2&gt;Slide 2&lt;/h2&gt;
                  &lt;/ion-slide&gt;
                  &lt;ion-slide style="background-color: red"&gt;
                      &lt;h2&gt;Slide 3&lt;/h2&gt;
                  &lt;/ion-slide&gt;
              &lt;/ion-slides&gt;
  </code></pre>