html - 如何更改登录表单的形状？帐户输入和 meteor

Question

我试图将我的登录表单全部放在一行中，左边是电子邮件，右边是密码，右边是提交按钮。现在它看起来像这样:

我怎样才能使整个表格都在一行中，并以“忘记密码？”开头在最左边，然后是电子邮件，然后是密码，然后是最右边的登录按钮？这是代码:

<template name='entrySignIn'>
  <div class="container">
    <div class="row">
      {{#if logo}}
        <div class="entry-logo">
            <a href="/"><img src="{{logo}}" alt="logo"></a>
        </div>
      {{/if}}
      <div class="entry-sign-in">
        {{#if otherLoginServices}}
        <div class="entry-social">
          {{#each loginServices}}
            {{> entrySocial}}
          {{/each}}
          {{#if passwordLoginService}}
          <div class="email-option">
            <strong class="line-thru or-sign-in">{{i18n "OR"}}</strong>
          </div>
          {{/if}}
        </div>
        {{/if}}
        {{> entryError}}
        {{#unless otherLoginServices}}
        {{/unless}}
        {{#if passwordLoginService}}
          <form class="entry-form" id='signIn'>
            <div class="form-group">
              <input autofocus name="email" type="{{emailInputType}}" class="form-control" value='{{email}}' placeholder="{{emailPlaceholder}}">
            </div>
            <div class="form-group">
              <input name="password" type="password" class="form-control" value='{{password}}' placeholder="{{i18n 'password'}}">
            </div>
            <p><a href="/forgot-password">{{i18n "forgotPassword"}}</a></p>
            <button type="submit" class="submit btn btn-success">{{i18n "signIn"}}</button>
          </form>
        {{/if}}

      </div>
    </div>
  </div>
</template>

我尝试了 jason 的建议，它有点奏效，但现在看起来像这样:

有人知道如何解决这个问题吗？

Answer 1

这看起来像 Bootstrap 。如果是，请尝试使用此处找到的表单内联类 http://getbootstrap.com/css/#forms-inline

<form class="entry-form form-inline" id='signIn'>
            <div class="form-group">
              <input autofocus name="email" type="{{emailInputType}}" class="form-control" value='{{email}}' placeholder="{{emailPlaceholder}}">
            </div>
            <div class="form-group">
              <input name="password" type="password" class="form-control" value='{{password}}' placeholder="{{i18n 'password'}}">
            </div>
            <p><a href="/forgot-password">{{i18n "forgotPassword"}}</a></p>
            <button type="submit" class="submit btn btn-success">{{i18n "signIn"}}</button>
          </form>