推/拉 - 基础

Question

<dl>
    <dt class="small-12 medium-push-12 columns">Title</dt>
    <dd class="small-12 medium-pull-12 columns"><input type="text"></dd>
</dl>

在小屏幕上我首先需要标题然后是文本字段，但是在中等和上升时我需要它反过来 - 我尝试了推拉但是它们无法工作 - 任何想法？