如何更改Bootstrap 3 div列顺序

本文介绍了如何更改Bootstrap 3 div列顺序的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

  [a]我的第一个响应式设计是在bootstrap中可能的。 [] 
 [b] [c] 
 []

sm：

  [a] 
 [c] 
 [b] 
  
解决方案
您可以使用 pull-right 在列C ... ACB on mobile。
 < div class =row> 
< div class =a col-lg-6> 
 A 
< / div> 
< div class =c col-lg-6 pull-right> 
 B 
< / div> 
< div class =b col-lg-6> 
 C 
< / div> 
< / div> 
  
 演示： 
 
doing my 1st responsive design and is something like this possible in bootstrap 3. Change this on lg:
[a] [     ]
[b] [  c  ]
    [     ]
to this on sm:
[a]
[c]
[b]
 解决方案 
You can use pull-right on column C... A-C-B on mobile.
<div class="row">
     <div class="a col-lg-6">
        A
     </div>
     <div class="c col-lg-6 pull-right">
        B
     </div>
     <div class="b col-lg-6">
        C
     </div>
</div>
Demo: http://bootply.com/9UNb9Q37G0
                        这篇关于如何更改Bootstrap 3 div列顺序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！