提问者:小点点

Bootstrap 3-在MD上移动列


我已经看过类似的问题了,但没有用。

我在一个页脚上有6列。 当它到达MD范围时,我需要第一列移动到最后或者最好是倒数第二个位置。 我一直在尝试使用推拉类,但一个小时后,我想最好只是问一个问题。

<div class="footerColumns">
    <div class="col-lg-2 col-sm-6 signUp">col 1<br>Sign up &amp; Follow us</div>
    <div class="col-lg-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate &amp; branches</div>
    <div class="col-lg-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate &amp; branches</div>
    <div class="col-lg-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate &amp; branches</div>
    <div class="col-lg-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate &amp; 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

非常感谢您的帮助! 编辑:我要先试试做移动,只是为了一笑:-)


共1个答案

匿名用户

首先做移动就成功了。 别担心,我真的打了自己一记耳光。

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 &amp; branches</div>
    <div class="col-lg-2 col-lg-push-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate &amp; branches</div>
    <div class="col-lg-2 col-lg-push-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate &amp; branches</div>
    <div class="col-lg-2 col-lg-push-2 col-md-3 col-sm-6 corpBranch">col 2-5<br>corporate &amp; branches</div>
    <div class="col-lg-2 col-lg-pull-8 col-sm-6 signUp">col 1<br>Sign up &amp; Follow us</div>
    <div class="col-lg-2 col-sm-6 payAccred">col 6<br>Payment\Accreds</div>
</div>