css - Zurb Foundation 4 折叠的内联表单

Question

我试图让 Foundation 4 响应式 CSS 框架中的内联表单元素崩溃，但我没有运气。

[标签] [输入] [标签] [输入]

折叠到：

[标签] [输入] [标签] [输入]

如果标签不与输入内联，例如就在它们上方，它就可以正常工作。

这是标记：

<form>
  <div class="row">
    <div class="small-12">
      <div class="row">
        <div class="small-3 columns">
          <label for="right-label" class="right inline">Label</label>
        </div>
        <div class="small-3 columns">
          <input type="text" id="right-label" placeholder="Inline Text Input">
        </div>
        <div class="small-3 columns">
          <label for="right-label2" class="right inline">Label2</label>
        </div>
        <div class="small-3 columns">
          <input type="text" id="right-label2" placeholder="Inline Text Input">
        </div>
      </div>
    </div>
  </div>
</form>