简体   繁体   English

引导网格行的小设备顺序

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM