javascript - Meteor Autoform 输入字段仅占用半行而不是整行

Question

我正在创建一个用户管理面板，我的添加用户模式看起来很好，其中每个输入占据整行，下一个输入位于下一行。在我的编辑用户模式中，输入仅用了半行。以前有人见过这种行为吗？

添加用户模板:

<template name="addUser">
  {{#autoForm id="addUser" type="method" meteormethod="createUserwRole" collection="Users" resetOnSuccess="true" validation="keyup" }}
  <fieldset>
        {{> afQuickField name="username" id="username" autocomplete="off"}}
        {{> afQuickField name="profile" id="profile" autocomplete="off"}}
        {{> afQuickField name="emails.$.address" id="emails" autocomplete="off"}}
        {{> afFormGroup name="roles" options=options type="select-checkbox" id="roles"}}
    <div>
      <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#addUser">Submit</button>
      <button type="reset" class="btn btn-default">Reset</button>
    </div>
  </fieldset>
  {{/autoForm}}
</template>

编辑用户模板:

<template name="editUser">
    <div>
      {{#autoForm id="editUser" type="method-update" meteormethod="createUserwRole" collection="Users" resetOnSuccess="true" validation="keyup" }}
      <fieldset>
            {{> afQuickField name="username" id="username" autocomplete="off"}}
            {{> afQuickField name="profile" id="profile" autocomplete="off"}}
            {{> afQuickField name="emails.$.address" id="emails" autocomplete="off"}}
            {{> afFormGroup name="roles" options=options type="select-checkbox" id="roles"}}
        <div>
          <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#editUser">Submit</button>
          <button type="reset" class="btn btn-default">Reset</button>
        </div>
      </fieldset>
      {{/autoForm}}
    </div>
</template>

谢谢

Answer 1

这可能是因为您有一个 div 包装了您的编辑表单，但您的添加表单中缺少该 div。如果你的 div 有默认宽度可以解释它。如果您想复制布局，我建议使 html 匹配。