bootstrap đầu vào nội tuyến và nút

Question

cách tạo hình thức đăng nhập này trên bootstrap 3,0

http://joxi.ru/zcBBUtg5CbB8ELTo5CA

Mã của tôi:

<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/

Nhưng, tôi cần đệm giữa đầu vào và mật khẩu inline nút đầu vào và gửi.

Answer 1

Hãy thử với jsFiddle này: 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%; 
}