Ejemplos comentados

Plantilla personalizada para un formulario de registro.

Ver Demo »


    

Archivo:Signin Template for Bootstrap.html

container Contenedor genérico placeholder= Contiene el texto que se muestra en el input hasta que hacemos clic. placeholder= Contiene el texto que se muestra en el input hasta que hacemos clic. btn-primary Indica que queremos un botón más grande /container Cerramos el div contenedor con márgenes y paddings Placed at the end of the document so the pages load faster Cargamos estos archivos al final. Los scripts bloquean la carga de la página, así que los cargamos al final. <!DOCTYPE html> <html lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="http://getbootstrap.com/docs-assets/ico/favicon.png"> <title>Signin Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="Signin%20Template%20for%20Bootstrap_files/bootstrap.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="Signin%20Template%20for%20Bootstrap_files/signin.css" rel="stylesheet"> <!-- Just for debugging purposes. Don't actually copy this line! --> <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <form class="form-signin"> <h2 class="form-signin-heading">Please sign in</h2> <input class="form-control" placeholder="Email address" required="" autofocus="" type="text"> <input class="form-control" placeholder="Password" required="" type="password"> <label class="checkbox"> <input value="remember-me" type="checkbox"> Remember me </label> <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> </form> </div> <!-- /container --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> </body></html>