Cómo Hacer una Página de Login con HTML y Bootstrap 5 | Template de Página de Login Gratis
HTML-код
- Опубликовано: 11 авг 2022
- Hola amigos bienvenidos a VicTips, en este video veremos cómo hacer una página de Login, utilizando HTML y Bootstrap 5.
Link del repositorio:
github.com/VicTips/login-page...
No duden en dejar sus inquietudes en la sección de comentarios y suscribirse para estar al tanto de los nuevos videos. #bootstrap #html #login #css #frontend
Nos vemos en el próximo video.
Víctor
victips.contacto@gmail.com
![Como Hacer un LOGIN AVANZADO con PHP y MYSQL [ PHP-MYSQL-CSS ]](http://i.ytimg.com/vi/VAUVAdQfPOw/mqdefault.jpg)
![Como Hacer un LOGIN AVANZADO con PHP y MYSQL [ PHP-MYSQL-CSS ]](/img/tr.png)
No me aparecen las imágenes en el formulario
Gracias por compartir, quedó muy bien. Lo estoy integrando para mi Login con una App Blazor.
Excelente, una pregunta, qué extensión utilizas para que te aparezcan las opciones del código de bootstrap cuando vas digitando?
Hola! Tengo este problema, si lo ejecuto desde el servidor virtual esta perfecto, pero si lo quiero abrir desde el explorador de windows con google Chrome no me carga los estilos, porque puede ser?
Excelente vídeo pude entender un montón de cosas de los div, clases y como organizar. Seguí tus pasos para hacer mi propio diseño muchas gracias !!
Excelente, me alegra saberlo.
Excelente video me podrías ayudar para agregarlo en Moodle.Gracias de antemano
Muchas gracias compañero, me ayudaste a comprender muchas cosas, excelente explicación.
Gracias por compartir tu conocimiento
Gracias VICTOR, excelente video recibe saludos y bendiciones :)
Muchas gracias por el apoyo
Sub nuevo, excelente video!!😁
Muchas gracias
gracias bro sos un crack ...
Buenas te pasastes para hacerlo facil y sencillo gracias
Excelente hermano 👍
Gracias chino, después de que lo subí caí en cuenta de que debería de haber colocado todo dentro de una etiqueta form para que tuviera un poco más de coherencia.
Cual es la extension de VSCODE para ir viendo los cambios en vivo de la web del lado derecho ?
Live Server
Hola! te hago una pregunta, si luego lo tengo que conectar a una base de datos, donde esta la etiqueta en tu codigo para poder validar ese formulario de inicio de sesion del lado backend?
En ese vídeo no le puse las etiquetas correctas, porque apenas estaba aprendiendo y estaba más centrado al css, pero solo es que encierres los inputs y el botón en la etiqueta de formulario.
Buenas! Consulta, no me está funcionando el vh-100, para poder acomodar al alto de la ventana, y no se por que razón.
Gracias
Hola, tocaría revisar el código.
@@VicTipsTM ya pude jajaja, tenía escrito aling en vez de align
Suele suceder
Excelente, en 25 minutos hice lo que no habia podido en todo un día.
VicTip, tengo una consulta respecto al color de fondo ¿Cómo cambiar el color de fondo por una imagen u otra tonalidad?
Gracias
Hola, mira que en el min 7:20 le coloco una clase bg-info al body que es lo que hace que el fondo quede azúl, ahí podrías colocar una clase diferente y colocarle las propiedades que desees para que tenga el color que necesites. Si necesitas un poco más de ayuda me puedes escribir a victips.contacto@gmail.com
Gracias por tu pronta respuesta, me fue muy util.
Desde la UL getbootstrap.com/docs/5.2/getting-started/introduction/
Encontre los colores, decidí usar el bg-light
Enormemente agradecido por este tipo de contenido.
Con mucho gusto
y como le hago para saltar a otro formulario
Todo depende de lo que estés utilizando, pero se me ocurre un que te lleve a donde necesitas.
como se adaptaría a móvil?
adaptando
Una duda bro como lo tienes en tiempo real?
Hola Leo. Si te refieres a que cómo veo los cambios reflejados en el navegador, es una extensión de vsc llamada live server.
Tanto div? No es una mala práctica para HTML con la nueva estructura?
Si, la verdad se deberían utilizar los tags correspondientes
@@VicTipsTM podés hacer un vídeo de login con las estructuras de HTML5 yotra pregunta hoy en día que tan bueno es hacer template ?
Apenas tenga un tiempito lo subo. Y a qué te refieres con lo de template?
@@VicTipsTM es como separar la estructura del HTML5 en sección el head en una hoja y footer en otra y que solo se llamen como en php
Pues yo lo hago cuando utilizo react, pero solo con html no sé cómo hacerlo 😅