Tutorial #11 del curso de BootStrap 3.2, en este tutorial nos introducimos a los formularios veremos un ejemplo sencillo de como crear nuestros formularios utilizando bootstrap, añadiremos elementos de formulario de html5 como ser; cajas te texto, utilizando etiquetas input y tambien agregaremos los check , radio botones y archivo.
Más información en la documentación oficial de BootStrap.
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Elementos del formulario</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> </head> <body> <div class="container"> <form> <div class="form-group"> <label for="email">Email</label> <input type="email" class="form-control" id="email" placeholder="Tu email" name="email"> </div> <div class="form-group"> <label for="password">Contraseña</label> <input type="password" class="form-control" id="password" placeholder="Contraseña"> </div> <div class="form-group"> <label for="File">Archivo</label> <input type="file" id="File"> <p class="help-block">Texto alternativo</p> </div> <div class="checkbox"> <label> <input type="checkbox"> Recordarme </label> </div> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> opcion 1 </label> </div> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> opcion2 </label> </div> <button type="submit" class="btn btn-default">Enviar</button> </form> </div> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.js"></script> </body> </html>