[英]Bootstrap small device order of the grid row
On desktop the order of the grid row is: 在桌面上,网格行的顺序为:
Text | 文字| Picture 图片
Picture | 图片 Text 文本
Text | 文字| Picture 图片
On mobile this becomes: 在移动设备上,它变为:
Text 文本
Picture 图片
Picture 图片
Text 文本
Text 文本
Picture 图片
Is there any way to change this order on mobile? 有什么办法可以在移动设备上更改此订单?
to for example: 例如:
Text 文本
Picture 图片
Text 文本
Picture 图片
Text 文本
Picture 图片
Thank you! 谢谢!
You can use pull
col-md-pull-*
to your text. 您可以在文本中使用pull
col-md-pull-*
。
so your text would be in the left and when it small, it will be in the top. 因此您的文字将在左侧,当文字较小时,将在顶部。
Or 要么
You can use push
col-md-push-*
to your picture. 您可以在图片中使用push
col-md-push-*
。
so your text would be in the right and when it small, it will be in the bottom. 因此您的文字将在右侧,当文字较小时,将在底部。
check this out http://getbootstrap.com/css/#grid-offseting 看看这个http://getbootstrap.com/css/#grid-offseting
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.