引導內嵌輸入和按鍵

Question

如何創建引導3.0

http://joxi.ru/zcBBUtg5CbB8ELTo5CA

這個登錄表單我的代碼：

<form role="form" class="form-inline"> 
    <input type="email" class="form-control input-sm" placeholder="Адрес электронной почты"> 
    <div class="form-group"> 
     <input type="password" class="form-control input-sm" placeholder="Пароль"> 
     <button class="btn btn-primary btn-sm">Войти</button> 
    </div> 

</form> 

http://jsfiddle.net/mborodov/Ls684/

但是，我需要投入和在線密碼之間的填充輸入並提交按鈕。

Answer 1

嘗試用此的jsfiddle：http://jsfiddle.net/Ls684/2/

<form role="form" class="padding-15 black round-5 form-inline"> 
    <input type="email" class="form-control input-sm" placeholder="Адрес электронной почты"> 
    <div class="form-group"> 
      <input type="password" class="form-control input-sm" placeholder="Пароль"> 
      <button class="btn btn-primary btn-sm">Войти</button> 
    </div> 
</form> 

CSS

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'); 

.form-control[type="email"]{ 
    width : 100%; 
    margin-bottom: 10px; 
} 

.form-control[type="password"]{ 
    width : 60%; 
    float : left; 
} 

button{ 
    width : 30%; 
    float : left; 
    margin-left: 10%; 
}