zurb-ink中的反向列顺序

时间:2016-06-10 18:41:52

标签: zurb-ink

在桌面视图中我想将图片列向右对齐,将文本列对齐到左侧,但在移动视图中图片应位于顶部

如何反转列的顺序?



    <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;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

使用fa属性。

&#13;
&#13;
dir
&#13;
&#13;
&#13;

这会在桌面上从左到右显示内容,但在移动设备上显示图像。

此处找到解决方案:http://zurb.com/university/lessons/get-your-responsive-emails-in-order