Login bootstrap

partial Log in with bootstrap

by luissanchezm86

HTML

<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css">
<div class="container">
    <div class="row">
        <div class="span12">
            <h3>Your account</h3>
            
            <form class="form-horizontal">
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Informacion del Usuario</label>
                    <div class="controls form-inline">
                        <label for="inputEmail">Correo</label>
                        <input type="text" name="email" id="inputEmail" placeholder="Email" class="span3" />
                        <label for="inputPassword">Password</label>
                        <input type="password" name="password" id="inputPassword" placeholder="Password" class="span2" />
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="firstName">Full Name</label>
                    <div class="controls form-inline">
                        <label for="firstName">First Name</label>
                        <input type="text" name="firstName" id="firstName" placeholder="First name" class="span2" />
                        <label for="lastName">Last Name</label>
                        <input type="text" name="lastName" placeholder="Last name" class="span2" />
                        <label for="lastName">Nick</label>
                        <input type="text" name="credentials" placeholder="Nick" class="span2" />
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

CSS

.form-inline {
    background-color: rgb(226, 226, 226);
    padding: 15px;
    border-radius: 4px;
}
.form-horizontal .control-label {
    padding-top: 19px !important;
}