Saltar al contenido

ejemplo de código help-block bootstrap 4

Ejemplo 1: carga de archivo bootstrap

<form><div class="form-group"><label for="exampleFormControlFile1">Example file input</label><input type="file" class="form-control-file" id="exampleFormControlFile1"></div></form>

Ejemplo 2: entrada con bootstrap

<form><div class="form-group"><label for="exampleInputEmail1">Email address</label><input type="email" class="form-control"><small id="emailHelp" class="form-text text-muted">Hello, World</small></div></form>

Ejemplo 3: ejemplos de formularios bootstrap

<!-- Default form login --><form class="text-center border border-light p-5" action="#!"><p class="h4 mb-4">Sign in</p><!-- Email --><input type="email" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail"><!-- Password --><input type="password" id="defaultLoginFormPassword" class="form-control mb-4" placeholder="Password"><div class="d-flex justify-content-around"><div><!-- Remember me --><div class="custom-control custom-checkbox"><input type="checkbox" class="custom-control-input" id="defaultLoginFormRemember"><label class="custom-control-label"for="defaultLoginFormRemember">Remember me</label></div></div><div><!-- Forgot password --><a href="">Forgot password?</a></div></div><!-- Sign in button --><button class="btn btn-info btn-block my-4" type="submit">Sign in</button><!-- Register --><p>Not a member?<a href="">Register</a></p><!-- Social login --><p>or sign in with:</p><a href="#" class="mx-2" role="button"><i class="fab fa-facebook-f light-blue-text"></i></a><a href="#" class="mx-2" role="button"><i class="fab fa-twitter light-blue-text"></i></a><a href="#" class="mx-2" role="button"><i class="fab fa-linkedin-in light-blue-text"></i></a><a href="#" class="mx-2" role="button"><i class="fab fa-github light-blue-text"></i></a></form><!-- Default form login -->

Sección de Reseñas y Valoraciones

Recuerda algo, que tienes el privilegio glosar si te ayudó.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *