LOGIN CON BOOTSTRAP 5 RESPONSIVO

En este tutorial de Bootstrap 5 vamos a hacer un formulario de login muy bonito y responsivo para que puedan integrarlo a sus proyectos web. #bootstrap #css #webdesign #login
👍 Apóyame con un like para llegar a más developers 😊
✅ Te invito a suscribirte al canal 👉 bit.ly/KZbin-...
🔔 Activa la campanita para notificarte del siguiente video
✅ Sígueme en las redes sociales:
Blog www.vidamrr.com
Facebook / vidamrr
Twitter / vidamrr
Instagram / vidamrr
❤ únete al canal para obtener beneficios exclusivos:
/ @vidamrr
😍 Más videos dentro del canal:
Café con Rivas - Vlogs bit.ly/mrr-vlogs
Curso de Node.js bit.ly/mrr-curs...
Curso de PHP + MySQL bit.ly/mrr-curs...
Basicos Dev bit.ly/basicos-dev
Tips y trucos bit.ly/tips-trucos
Mi primera app bit.ly/primera-app
Retos de programación bit.ly/problema...
Inspiración web bit.ly/mrr-insp...
Tutoriales Javascript bit.ly/tutorial...
Curso básico de CSS bit.ly/curso-cs...
Diseño elementos con CSS bit.ly/componen...
Mi primer sitio web con CSS bit.ly/primer-s...
Curso avanzado de CSS3 bit.ly/curso-css3
Sitio web Completo en CSS3 bit.ly/mrr-siti...

[@LeonelRequiem]

Gracias por el tutorial, tuve un problema con la imagen, creo que era porque yo usaba una un poco mas grande. Lo solucione agregando "background-size: cover;" en la clase "bg", capaz a alguien le sirva.

[@iElectroStyle]

Gracias!

[@barbiebegarie]

que genio que sos para explicar, la facilidad con la que haces los pasos para que uno lo entienda, y la velocidad exacta, ni super rapido ni lento. Muchas gracias

[@sargon4307]

Dios mio gracias por este tutorial, lo pase a angular y va de maravilla!! Solo te sugeriria que sea responsive tambien a nivel de zoom, que si lo es excepto por el container que se va para abajo

[@programacion_para_todos]

Gracias Marcos, genial como siempre !!

[@alvaronorbertogarciameza7961]

Tu canal es muy bueno, debería de tener muchas subscripciones, te deseo lo mejor y que no te desanimes

[@arturoespinoza6254]

Excelente tutorial, me ha ayudado muchísimo, muchas gracias por compartir tus conocimientos con tan buena explicación

[@annarodriguez3789]

Me gusto mucho este tutorial, fue muy bueno... A mi la imagen no me quedo exactamente igual pero todo el resto quedo excelente

[@vidamrr]

La imagen es solo cuestión de encontrar una de alta calidad que pueda estar centrada para que no se distorsione pero me da gusto que que te haya salido Anna

[@facilylisto]

@@vidamrr La imagen tiene un tamaño en especifco?

[@danielvaleriobroncano9677]

Genial pedazo de ejemplo. !!! Un abrazo hermano gracias por compartir.

[@nancynea4453]

OMG!! THank you, que buen tutorial!!!!!! me salio igualito, gracias por estos videos

[@fabianbustos5188]

Muy buen tutorial. Gracias por compartir. 👍👍

[@Huilamagnifica]

Muchas gracias, ha sido muy orientativo.

[@derickemmanuelvasquezlopez2421]

Muchas gracias muy buena explicaci[on

[@p.fernandorubiobailon4582]

Excelente video, de qué parte de México eres hermano? Un saludo!

[@sebasendox]

excelente video , me sirvio mucho tu video, muchas gracias

[@tsunamyruiz6352]

Me encantó, en serio, excelente video

[@nahuel2484]

gracias por el tutorial!

[@d-landjs]

Excelente tuto amigo!!! Me servira para un trabajo, no se nada de diseño en login xD grande!!!

[@JalukOne]

Gracias amigo justo estoy empezando con el bootstrap junto con php

[@joseleonrs9817]

No puedo parar de ver tus vídeos, ya me suscribi, excelente información y muy elocuente en la descripción de lo que haces, suscripción realizada, Saludos campeón

[@esteesmymundo9843]

Excelente tutorial.

[@meerinoh]

Justo lo que andaba buscando... :D

[@martinarganaraz5442]

Me re sirvio amigo, Muy buena

[@blaskert]

Me sirvió para refrescar mis conocimientos pero yo estoy mas enfocado en el Backend.

[@NelsonCode]

solo dire que eres un crack 💪

[@abrahanw6131]

Muy buen tutorial

[@BlackFNBR]

Buen tutorial =)

[@cristinagg2113]

buenísimo tutorial! me ha salvado muchísimo, gracias gracias gracias!

[@Mel-sv9nq]

Me encantó, muy bien explicado.

[@toma1610]

INCOMPLETO. Falta la validación de los campos, tanto en el cliente como en el servidor, falta la conexión a base de datos.

[@clauilcap9427]

si leyeras el título es claro LOGIN CON BOOTSTRAP 5 RESPONSIVO, es decir va a apuntar al diseño Front así que lo incompleto es tu cerebro... instruite un poco más antes de criticar...

[@toma1610]

@@clauilcap9427 pero de todas maneras, pues... además no fue crítica, sino opinión.

[@antoniomardones9730]

estaba claro con solo ver el tiempo del video te das cuenta de que no implementaran backend, pero aun así esta bonito visualmente y que sea responsive lo mejora aun más

[@toma1610]

@@antoniomardones9730 ah... ya.

[@justinlu5730]

Lol, este comentario va mas allá de lo ridículo

[@marcosmacias2087]

Hola buen tutorial

[@1908HELIO]

gracias

[@carlosgomez7002]

Excelente

[@iElectroStyle]

Gracias! c:

[@alexisbustamante7950]

esta buenisimo, gracias. cual es el tamaño optimo para las imagenes de los botones y de la al lado

[@Deus-lo-Vuilt]

Lo terminé completo , estaria genial mas material asi porfa con mas componentes de Bootstrap

[@JurgenMolina]

me lo pasas?

[@guillermosoriaibarra2653]

@@JurgenMolina pasenlo

[@Deus-lo-Vuilt]

Encontré este hermoso video , ojala mas landing pages usando componentes de bootstrap , dejo like y sub

[@javiera.97]

Buen video! ¿Que tema estás usando en este video? Se muy limpio y fácil de leer

[@ronalgonzalez6464]

Buenas, excelente video, a mi me salio todo menos el estilo que va teniendo, debo tener una carpeta css? de donde la saco? PD: soy nuevo

[@robertoceratti5523]

master una duda., como determino la altura de container? osea que en mi caso abarca todo el vh, y quisiera q estuviera mas chicp todo en general gracias

[@konnyhernandez7698]

hay unas palabras de extensiones que dices muy rapido... y al escribirlas por mas que acerque mi pantalla no las llogro leer... en la primera parte despues del .col* no se si es CXS o CSS no se ve bien... gracias si lo aclaras es al comienzo

[@emanuel_ff7205]

dpuedes pasar el codigo fuente bro

[@amguajardo]

Saludos, pues hice todo de acuerdo a como lo generaste pero me salio diferente, me repite la imagen del login, la que tu pusiste de una persona yo la puse de una imagen no se si tenga que ver el tamaño de la imagen pero me sale la imagen arriba 3 veces junto con el logo y el usuario y contraseña selen abajo y no se ve bien esteticamente. yo uso bootstrap 5.2 y soy un pre-principiante..

[@fatimadiaz6222]

estoy igual, me sale la imagen justo encima del texto y por más vueltas que le doy así sigue... ayuda! :(

[@jochi1787]

y el codigo?

[@luishasaanpg9179]

oye cual thema usas para que se vea asi?, esta muy cool, saludos y gracias por el tutoria!!

[@alainespino5714]

con el nav seria estupendo

[@diegoquiroga6298]

Hola, hice el código tal cual, pero la imagen no me cargo, que puede ser?

[@BleisexYT]

Me pasó lo mismo

[@edisonsanchezhidalgo5931]

tengo un problema, el botón de inicio de sesión no se extiende en su totalidad como en el video. que podría hacer..? saludos!!!

[@rokenbupolecat]

Con que estas trabajado?, digo, ide, visual code?

[@vidamrr]

Si, con VS Code

[@2829Isabel]

Hola!! gracias por el tutorial, como se llama el proyecto donde esta este proyecto??

[@andresdeveloper9809]

Parece que no tiene el repo... entre al video a buscar el link al repositorio de github jejeje, me siento sucio. no te interesaria colaborar en el proyecto y publicar el repo?

[@esteesmymundo9843]

Me podrías pasar la referencia del Editor que estas empleando y cuales son los componentes que deben de instalarse, me parece muy interesante y me gustaría usar los atajos que manejas en tu tutorial.

[@brandonvarela133]

Saludos yo utilizo visual studio code , no si es el mismo pero a mi me funciona super bien , lo recomiendo

[@JesusSanchezGarcia-fb8jw]

pasen el codigo

[@Fernandodelcastillo87]

no es más facil hacerlo con Pingendo visualmente?

[@angelanselmodelossantos3831]

una duda, para que es el "mantenerme conectado"?

[@davidagustin9325]

Mario cómo resolver este error :Warning: mysqli::__construct(): (HY000/2002): No such file or directory in ?

[@jesusgonzalezzcok4531]

buenas como hago slider con la imagen ? en ves de una imagen sola que sean 3

[@jorgeandresmorelohinestroz7882]

como se le quita el scroll a mi me quedo con scroll vertical ayudaaaaaaa

[@eliasolivtradet6627]

Muy buen tutorial, podrías decirme como se llama la extensión de vscode que utilizas? La que hace con que se cambie el comentario de login... para una flecha?

[@EstebanRamirez-yb7rg]

Veo que en el video no paso, pero no se que onda, a la hora de poner la imagen en el lateral, me queda un borde del lado izquierdo, pero no entiendo por que si no le doy ni borde ni nada, el codigo esta tal cual como en el tutorial no se si a alguien mas le paso

[@karolsusanabedoya6017]

x2

[@EstebanRamirez-yb7rg]

@@karolsusanabedoya6017 Jajajajajajaja ya se me habia olvidado este comentario, lo que hice fue desde css quitar un padding que se pone por defecto, lo puedes revisar inspeccionando desde el navegador.

[@karolsusanabedoya6017]

@@EstebanRamirez-yb7rg no entendi jajaja, estoy en la parte de ingresar lo del logo pero en vez de inre a la derecha como el video se va todo a la izquierda y no se deja modificar :c

[@karolsusanabedoya6017]

ya creo que lo logré, tenia que modificar el link de boostrap ya que el del video esta desactualizado

[@carrillohuamanelizabethcri3517]

puedo obtener el codigo de dicho formulario

[@Mejores843]

alguien tiene el código

[@guadalupesanchez-qt1qx]

Pasen el código, esque me da hueva estar viendo el vídeo y a quien me lo pase le doy lo que me pida

[@Ammoroso29]

Como se hace para llenar un modal con datos que provienen de una tabla de base de datos y luego insertar la seleccion en otra tabla de base de datos?

[@miguelperez-hq8bd]

Pienso que debes hacerlo a través de peticiones HTTP con javascript, ya que el modal debe cargar la información de manera dinámica. kzbin.info/www/bejne/jJDElH54j5aNhrc Allí te explica cómo hacer las peticiones HTTP

[@Ammoroso29]

@@miguelperez-hq8bd gracias Miguel, revisare el video

[@luisemmanuel3525]

debes usar js exiten varias herramientas (fetch,ajax,axios) que te permiten hacer peticiones http , realizas las peticiones al server y pues te retorna la informacion y la insertas en el modal con js .

[@Ammoroso29]

@@luisemmanuel3525 he buscado tanto, que ya me rendi. La solucion de Miguel la conocia, pero es basica

[@jimmyneutron7858]

Una pregunta, me salio todo perfecto como el video pero veo que tu zoom esta al 100% y puedes ver todo el container claro pero en mi pantalla se ve al limite y esta al 100% tambien, debo hacerle un poco de scroll para poder un poco mejor todo el container, sabes a que se deberia esto ?

[@vidamrr]

Puede ser por la resolución de tu pantalla. Mi monitor es de 1920x1080, lo que tendrías que hacer es solo ajustar las medidas para quede viera bien en tu pantalla

[@ricardocapochesierra232]

podrias compartir el proyecto ??

[@vidamrr]

Está en mi Github Ricardo, ahí lo puedes encontrar

[@samuelromanguerra2760]

podrias hacer un proyecto en PHP para control de asistencia? =( ya sabes marcar entrada y salida...

[@juanpablowallemonita6400]

modo diablo

[@juanpablowallemonita6400]

sha supite mami

[@juanpablowallemonita6400]

argentina eta en la casa

[@juanpablowallemonita6400]

cada ve ma fuerte

[@juanpablowallemonita6400]

espero q hayan disfrutao tempora de reggueton

[@juanpablowallemonita6400]

tempora de diablo cumingsun