Changing div stacking layout depending on screen size/orientation in ionic grid
<p>I have html structure similar to this:</p>

<pre><code>&lt;div class="row"&gt;
    &lt;div class="col-sm-12 col-md-6 col-xl-3"&gt;
    &lt;/div&gt;
    &lt;div class="col-sm-12 col-md-6 col-xl-3"&gt;
    &lt;/div&gt;
    &lt;div class="col-sm-12 col-md-6 col-xl-3"&gt;
    &lt;/div&gt;

    ...
&lt;/div&gt;
</code></pre>

<p>that should stack bunch of divs in 1 column on small, 2 columns on medium and 4 columns on large screens...</p>

<p>Can someone help me how to do this in ionic framework?</p>