Swap 2 column stacking order at small scrn- Bootstrap push pull class or float fix?

Question

No matter what I do I can\'t get the right column to push over and stack first at 100% width/small scrns. I tried col-xs-pull/push-12 or col-xs-pull/push-0. I also tried messing

Answer 1

i use this in mobile - swap col

/* SET order of DIV */
@media only screen and (max-width:991px) {
    .order {
        display:-webkit-flex;
        display:flex;       
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .order .ord1 {
        order:1;-webkit-order:1;

    }
    .order .ord2 {
        order:2;-webkit-order:2;
    }
    .order .ord3 {
        order:3;-webkit-order:3;
   }
    .order .ord4 {
        order:4;-webkit-order:5;
    }
}

.

 

    

        
Last
        
First