CSS 网格 : Mobile in text, 桌面放在一边

Question

考虑以下示例，第一个是预期的桌面外观，第二个是移动外观。 (

对于使用带有媒体查询(如 twitter BS 或 Zurb Foundation)的通用网格系统来实现这一目标，您有何建议？

Answer 1

有了 Foundation，我会做这样的事情:

<div class="row">
    <div class="small-12 medium-6">
        <div class="small-12">Title</div>
        <div class="small-12 show-for-small">IMG</div>
        <div class="small-12">Text</div>
    </div>
    <div class="small-6 hide-for-small">
        IMG
    </div>
</div>

但我必须输入两次“IMG”。