的提交按钮

Question

格包装我有一个简单的登录表单：

<form action="https://*.com/users/login" class="form-inline" id="UserLoginForm" method="post" accept-charset="utf-8"> 
    <div style="display:none;"> 
     <input type="hidden" name="_method" value="POST"/> 
    </div> 
    <input name="data[User][email]" class="input-small" placeholder="E-mail" maxlength="50" type="text" id="UserEmail"/> 
    <input name="data[User][password]" class="input-small" placeholder="Password" type="password" id="UserPassword"/> 
    <button class='btn' type='submit'>Login</button> 
</form> 

它采用引导的造型。至于js jquery和AngularJS被加载。

我的问题是，当我显示这个表单时，我的提交按钮进入下一行。如果我检查dom，我会在我的提交按钮周围看到一个<div class="actions">...</div>包装。如果我从表单定义中省略type='submit'部分，则不会发生这种情况。

我的问题是谁加入这个包装，我该如何避免它。

Answer 1

如果您看到Twitter Bootstrap的示例，我可以看到他们使用了两个类form-inline示例。 Please check this.来自不同类型和形式的按钮。尝试应用well课程。

<form class="well form-inline"> 
    <input type="text" class="input-small" placeholder="Email"> 
    <input type="password" class="input-small" placeholder="Password"> 
    <label class="checkbox"> 
    <input type="checkbox"> Remember me 
    </label> 
    <button type="submit" class="btn">Sign in</button> 
</form>