的提交按鈕

Question

格包裝我有一個簡單的登錄表單：

<form action="https://stackoverflow.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>