Bootstrap 3-在MD上移动列
Bootstrap 3-在MD上移动列
提问于 2020-07-02 21:42:43
我已经看过类似的问题，但都没有用。
我在页脚上有6列。当它到达MD范围时，我需要第一列移动到最后一个位置，最好是倒数第二个位置。我一直在尝试使用push和pull类，但在一个小时后，我认为最好是问一个问题。
<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>
<style>
.footerColumns * {text-align: center; }
.footerColumns > div {padding: 5px; }
.signUp {background-color: CadetBlue; }
.corpBranch {background-color: BlanchedAlmond;}
.payAccred {background-color: Chocolate; }
</style>
在LG范围内(根据需要)
在MD范围内(当前)
我需要将蓝色的第1列放置在琥珀色的第6列之前，从MD开始，如下所示：
非常感谢您的帮助！编辑:我要先试着做手机，只是为了好玩:-)
回答 1
Stack Overflow用户
发布于 2020-07-02 22:05:19
做手机首先做到了这一点。别担心，我已经拍到自己的头了，真的。
<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62697759
复制相关文章
相似问题
腾讯云开发者
