引导程序：更改移动设备上全宽列的顺序 [英] Bootstrap: change order of fullwidth columns on mobile devices

问题描述

我有这样的模式：

  [col-1] [col-2] 
  
 
（它们全都有12块的宽度）
 
 
和我的html ：
 < div class =col-xs-12 col-md-5> 1< / div> 
< div class =col-xs-12 col-md-7> 2< / div> 
  
是否可以在xs-mobile设备上以这种方式显示？：
  2 
 1 
  
我试过了： 
 
 
 < div class =col-xs-12 col-md-5 col-xs -push-12\" →1< / DIV> 
< div class =col-xs-12 col-md-7 col-xs-pull-12> 2< / div> 
  
但它没有帮助（
）
 
解决方案
将列置于其移动优先顺序，然后使用推/拉在大屏幕上重新排序...... 
 < div class =col-xs-12 col-md-5 col-md-push-7> 2< / div> 
< div class =col-xs-12 col-md-7 col-md-pull-5> 1< / div> 
  
  http://codeply.com/go/PKKacoXyT  
 
I have such schema:
[col-1][col-2]
(all of them have width of 12-block)

and my html:
<div class="col-xs-12 col-md-5">1</div>
<div class="col-xs-12 col-md-7">2</div>
is it possible to show in such way on xs-mobile devices?:
2
1
i tried so:
<div class="col-xs-12 col-md-5 col-xs-push-12">1</div>
<div class="col-xs-12 col-md-7 col-xs-pull-12">2</div>
but it doesn't help (
解决方案
Place the columns in their mobile first order, and then use push/pull to re-order them on larger screens...
<div class="col-xs-12 col-md-5 col-md-push-7">2</div>
<div class="col-xs-12 col-md-7 col-md-pull-5">1</div>
http://codeply.com/go/PetKacoXyT

                        
这篇关于引导程序：更改移动设备上全宽列的顺序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！