cómo crear este formulario de inicio de sesión en bootstrap 3.0

http://joxi.ru/zcBBUtg5CbB8ELTo5CA

Mi código:

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

Pero, necesito de relleno entre las entradas y la línea de entrada de contraseña y el botón de enviar.

OriginalEl autor Maksim Borodov | 2013-09-24

1 Comentario

  1. 6

    Tratar con este 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%;
    }
    Thx, pero este diseño no responde. Necesito el ancho de la columna de diseño para todos los dispositivos
    thx, pero, ¿cómo hacer que el botón enviar corregir el tamaño y la contraseña de entrada resonsive en %
    Para tener una capacidad de respuesta formulario, debe modificar mi css con pourcentage. jsfiddle.net/Ls684/2
    Ok, me cambio mínimo de código jsfiddle.net/mborodov/Ls684/3. Este es el trabajo de ejemplo.
    Me alegro de haber ayudado a usted.

    OriginalEl autor Donovan Charpin

Dejar respuesta

Please enter your comment!
Please enter your name here