Css 如何修改离子2滑块，使其具有多行（网格类型4x4，每页16行）？

我正在使用Ionic2滑块，其组件：。 我不知道如何使滑块在多行上显示项目，每个幻灯片4x4=16个项目

这是我的密码。实际页面中生成的html代码看起来不同

            <ion-slides pager slidesPerView="16" spaceBetween="20">
                <ion-slide style="background-color: green">
                     <h2>Slide 1</h2>
                </ion-slide>
                <ion-slide style="background-color: blue">
                    <h2>Slide 2</h2>
                </ion-slide>
                <ion-slide style="background-color: red">
                    <h2>Slide 3</h2>
                </ion-slide>
                <ion-slide style="background-color: green">
                     <h2>Slide 1</h2>
                </ion-slide>
                <ion-slide style="background-color: blue">
                    <h2>Slide 2</h2>
                </ion-slide>
                <ion-slide style="background-color: red">
                    <h2>Slide 3</h2>
                </ion-slide>
            </ion-slides>

幻灯片1
幻灯片2
幻灯片3
幻灯片1
幻灯片2
幻灯片3

尝试在每张幻灯片中嵌套一个离子网格。 这是我的建议