我已经看过类似的问题了,但没有用。
我在一个页脚上有6列。 当它到达MD范围时,我需要第一列移动到最后或者最好是倒数第二个位置。 我一直在尝试使用推拉类,但一个小时后,我想最好只是问一个问题。
<div class="footerColumns">
<div class="col-lg-2 col-sm-6 signUp">col 1<br>Sign up & Follow us</div>
<div class="col-lg-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate & branches</div>
<div class="col-lg-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate & branches</div>
<div class="col-lg-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate & branches</div>
<div class="col-lg-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate & branches</div>
<div class="col-lg-2 col-sm-6 payAccred">col 6<br>Payment\Accreds</div>
</div>
null
<style>
.footerColumns * {text-align: center; }
.footerColumns > div {padding: 5px; }
.signUp {background-color: CadetBlue; }
.corpBranch {background-color: BlanchedAlmond;}
.payAccred {background-color: Chocolate; }
</style>
null
非常感谢您的帮助! 编辑:我要先试试做移动,只是为了一笑:-)
首先做移动就成功了。 别担心,我真的打了自己一记耳光。
null
<div class="footerColumns">
<div class="col-lg-2 col-lg-push-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate & branches</div>
<div class="col-lg-2 col-lg-push-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate & branches</div>
<div class="col-lg-2 col-lg-push-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate & branches</div>
<div class="col-lg-2 col-lg-push-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate & branches</div>
<div class="col-lg-2 col-lg-pull-8 col-sm-6 signUp">col 1<br>Sign up & Follow us</div>
<div class="col-lg-2 col-sm-6 payAccred">col 6<br>Payment\Accreds</div>
</div>