mobile-angular-ui icon indicating copy to clipboard operation
mobile-angular-ui copied to clipboard

Problem with col-sm

Open eblenert opened this issue 10 years ago • 1 comments

Hey guys, I'm experiencing some weird things with mobile-angular-ui (v1.2.0-rc3 installed with bower) when having multiple size classes (col-xs, col-sm, col-md) the col-sm class never "activates". It jumps from col-xs to col-md. Here is some code to ilustrate my problem:

<div class="col-xs-3 col-sm-6 col-md-2">first col</div>
<div class="col-xs-3 col-sm-2 col-md-6">sec ol</div>
<div class="col-xs-3 col-sm-2 col-md-2">3</div>
<div class="col-xs-3 col-sm-2 col-md-2">4</div>

If I inspect the first or second column while resizing the window I can see the class appended to the div being xs and jumping straight to md. Am I missing something?

PS: a temporary solution I found was to put all col-xs classes in a media query with max-width: 767px but I don't know if this is the best option to do.

eblenert avatar Sep 16 '15 21:09 eblenert

I have the same problem. It is simply ignoring col-sm-* for all the screen sizes. The responsiveness is working for xs and md sizes and ignoring the sm screen size.

mri-dula avatar Nov 20 '15 10:11 mri-dula