<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row" > <form action="" method="post" name="Login_Form" class="form-signin"> <label>Comptes utilisateurs</label> <div class="input-prepend input-append"><span class="add-on"><i class="icon-file"></i></span><input type="text" id="" name="" value="utilisateurs.csv"><button class="btn" type="button">Charger</button></div> <label>Solde en email</label> <div class="input-prepend"><span class="add-on"><i class="icon-envelope"></i></span><input type="text" id="" name="" value="150/1000" readonly></div> <label>Sole en sms</label> <div class="input-prepend"><span class="add-on"><i class="icon-envelope"></i></span><input type="text" id="" name="" value="400/500" readonly></div> <label></label> <div class="input-prepend"> <input type="button" class="btn btn-primary" value="synchroniser"/> </div> </form> </div> </div>

.wrapper { margin-top: 80px; margin-bottom: 20px; } .form-signin { max-width: 420px; padding: 30px 38px 66px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.05); } .form-signin-heading { text-align:center; margin-bottom: 30px; } .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; } input[type="text"] { margin-bottom: 0px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } input[type="password"] { margin-bottom: 20px; border-top-left-radius: 0; border-top-right-radius: 0; }