在移动Bootstrap上显示时更改订单网格

Question

我在桌面上烧烤：

ng-repeat="vm.items | customFilter | fixLoopFilter"

在手机中我想：

---------
A | B | C
---------
D | E | F
---------

例如：her

谢谢

Answer 1

尝试此操作以更改订单....

＆＃13;

＆＃13;

.wrap {
    background: white;
    width:110px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.wrap > div{
	border: 1px solid #dddddd;
    float: left;
    height: 50px;
    text-align: center;
    width: 50px;
}


@media only screen and (max-width:768px) {
.classA {
    order: 1;
}
.classB {
    order: 3;
}
.classC {
    order: 5;
}
.classD {
    order: 2;
}
.classE {
    order: 4;
}
.classF {
    order: 6;
}

}

＆＃13;

<div class="wrap">
	<div class="classA">A</div>
	<div class="classB">B</div>
	<div class="classC">C</div>
	<div class="classD">D</div>
	<div class="classE">E</div>
	<div class="classF">F</div>
</div>

＆＃13;

＆＃13;

＆＃13;