在桌面视图中我想将图片列向右对齐,将文本列对齐到左侧,但在移动视图中图片应位于顶部
如何反转列的顺序?
<row>
<columns small="12" large="6" class="text-container text-left small-text-center">
<h1 class="text-left">Title</h1>
<p>Copy</p>
<button href="zurb.com">Meer weten</button>
</columns>
<columns small="12" large="6" class="collapse visual-container">
<img src="assets/img/item-2.jpg" alt="" class="small-float-center float-right"/>
</columns>
</row>
&#13;
答案 0 :(得分:1)
使用fa
属性。
dir
&#13;
这会在桌面上从左到右显示内容,但在移动设备上显示图像。
此处找到解决方案:http://zurb.com/university/lessons/get-your-responsive-emails-in-order