Zurb Foundation 4内联形式崩溃

时间:2013-09-10 14:08:38

标签: css forms zurb-foundation collapse

我正在尝试在Foundation 4响应式CSS框架中获取内联表单元素以便崩溃,但我没有运气。

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

崩溃为:

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

没有标签与输入内联,它可以正常工作,例如就在他们之上。

Example as an image

这是标记:

<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>

0 个答案:

没有答案