我想知道是否可以对Bootstrap 3上的垂直列进行重新排序。
.col-xs-8 {
background: magenta;
}
.col-xs-4 {
background: cyan;
}
.col-xs-12 {
background: yellow;
}
<div class="container">
<div class="row">
<div class="col-xs-8">Content</div>
<div class="col-xs-4">
<div class="row">
<div class="col-xs-12 col-xs-push-12">A</div>
<div class="col-xs-12">B</div>
<div class="col-xs-12">C</div>
<div class="col-xs-12">D</div>
</div>
</div>
</div>
</div>
我想要的是将侧边栏上的项目从ABCD移到BCAD
假设您必须在最后一个孩子之前插入第一个孩子。
您可以使用jquery做到这一点。观看演示
$( ".flexbox div:first" ).append().insertBefore( ".flexbox div:last" );
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句