Ion-row not responsive in Jellybean and Kitkat

Ionic Framework ionic-v3
1

Hello. I used ion-row inside ion-grid. When I installed my app in Jellybean and Kitkat, the responsiveness didnt work. Everything works fine in Lollipop and higher but not in Jellybean and Kitkat.
I also tried <ion-row wrap> but it only has the same result. TIA.

<ion-grid>
   <ion-row>
     <div ion-col><img src="some_image1"></div>
        <div ion-col><img src="some_image"></div>
        <div ion-col><img src="some_image"></div>
        <div ion-col><img src="some_image"></div>
        <div ion-col><img src="some_image"></div>
        <div ion-col><img src="some_image"></div>
   </ion-row>
</ion-grid>

1

2

2

I solved this by changing ion-col to col-sm-2. It is working now.

<ion-grid>
   <ion-row>
       <div col-sm-2><img src="some_image1"></div>
       <div col-sm-2><img src="some_image2"></div>
        <div col-sm-2><img src="some_image3"></div>
        <div col-sm-2><img src="some_image4"></div>
        <div col-sm-2><img src="some_image5"></div>
        <div col-sm-2><img src="some_image6"></div>
   </ion-row>
</ion-grid>

Cheers!!!

3

Why are you using <div ion-col> instead of <ion-col> ?

4

Ah, yes I even tried <ion-col> but didnt work then.

5

Is there documentation that recommends use of <div ion-col> ?

6

I dont think there is. As I have told you, I tried using ion-col too but it didnt work then. I know my solution is not a good idea. Its just that I still need to answer this post so that others will not bother that I was not able to solve my problem. If I said that I have solved my problem, some people in this forum might ask for me to post my solution so that others might know how I solved this. Again, what I am saying is that I was able to solve this and made it work in several devices and not that my solution is good. That is what I am saying.

7

We need to draw a bright line between Jellybean and Kitkat here. Jellybean is not supported natively by Ionic. Kitkat is.