如何像桌面模式一样在移动模式下显示部分？
如何像桌面模式一样在移动模式下显示部分？
提问于 2020-07-01 13:13:43
我有一个页面，在每个other.In桌面模式旁边包含一些图像和文本位置，一切都很好，但是在移动模式(响应模式)中，所有包含图像和文本的部分都没有正确的顺序(我希望完全像桌面模式顺序)，如何解决这个问题?我尝试了order属性，但问题没有解决。
网址：http://titanotrade.com.tr/service.html
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-07-01 14:07:30
有了靴带，你可以倒转一排的科尔。即使是有反应的变体。
- 删除css中的
.services-grid .resposive-content和.services-grid .resposive-image规则。您不需要它们。 - 将每两个元素包扎到一个父行中。
- 按文本和图像的顺序在移动上表示顺序。
- 在必须反转位置的行上使用
flex-lg-row-reverse类。
<div class="row">
<div class="col-lg-6>image</div>
<div class="col-lg-6>text</div>
</div>
<div class="row flex-lg-row-reverse">
<div class="col-lg-6>image</div>
<div class="col-lg-6>text</div>
</div>在桌面视图(大于lg)上，flex-lg-row-reverse类将交换图像和文本。
Mobile Desktop
- image image - text
- text text - image
- image
- textStack Overflow用户
发布于 2020-07-01 13:39:55
似乎您正在使用Bootstrap v4。您需要为移动版本添加断点。
div class="col-6“div class="col-6”
将照片文本保存在手机中<576 in
https://getbootstrap.com/docs/4.5/layout/grid/
致以问候。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62677689
复制相关文章
相似问题
腾讯云开发者
