LOGIN CON BOOTSTRAP 5 RESPONSIVO

Подписаться 133 тыс.

Просмотров 79 тыс.

50% 1

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/RU-vid-...
🔔 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...

Опубликовано:

10 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 100

@LeonelRequiem 2 года назад

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 2 года назад

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

@barbiebegarie 2 года назад

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

@nancynea4453 6 месяцев назад

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

@annarodriguez3789 3 года назад

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

@vidamrr 3 года назад

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?

@arturoespinoza6254 3 года назад

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

@alvaronorbertogarciameza7961 3 года назад

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

@danielvaleriobroncano9677 2 года назад

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

@programacion_para_todos 3 года назад

Gracias Marcos, genial como siempre !!

@Huilamagnifica 2 года назад

Muchas gracias, ha sido muy orientativo.

@derickemmanuelvasquezlopez2421 3 года назад

Muchas gracias muy buena explicaci[on

@fabianbustos5188 2 года назад

Muy buen tutorial. Gracias por compartir. 👍👍

@joseleonrs9817 2 года назад

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

@sebasendox Год назад

excelente video , me sirvio mucho tu video, muchas gracias

@d-landjs 2 года назад

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

@JalukOne 3 года назад

Gracias amigo justo estoy empezando con el bootstrap junto con php

@tsunamyruiz6352 3 года назад

Me encantó, en serio, excelente video

@nahuel2484 2 года назад

gracias por el tutorial!

@robertoceratti5523 2 года назад

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

@p.fernandorubiobailon4582 3 года назад

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

@esteesmymundo9843 2 года назад

Excelente tutorial.

@meerinoh 3 года назад

Justo lo que andaba buscando... :D

@martinarganaraz5442 Год назад

Me re sirvio amigo, Muy buena

@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! :(

@cristinagg2113 2 года назад

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

@Mel-sv9nq 2 года назад

Me encantó, muy bien explicado.

@NelsonCode 3 года назад

solo dire que eres un crack 💪

@konnyhernandez7698 2 года назад

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

@abrahanw6131 2 года назад

Muy buen tutorial

@blaskert 2 года назад

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

@1908HELIO 2 года назад

gracias

@carlosgomez7002 3 года назад

Excelente

@alexisbustamante7950 2 года назад

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

@iElectroStyle 2 года назад

Gracias! c:

@ronalgonzalez6464 2 года назад

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

@edisonsanchezhidalgo5931 3 года назад

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!!!

@marcosmacias2087 3 года назад

Hola buen tutorial

@javiera.97 3 года назад

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

@Deus-lo-Vuilt 2 года назад

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

@JurgenMolina 2 года назад

me lo pasas?

@guillermosoriaibarra2653 Год назад

@@JurgenMolina pasenlo

@BlackFNBR Год назад

Buen tutorial =)

@diegoquiroga6298 3 года назад

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

@BleisexYT 3 года назад

Me pasó lo mismo

@toma1610 3 года назад

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 3 года назад

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 3 года назад

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

@antoniomardones9730 3 года назад

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 3 года назад

@@antoniomardones9730 ah... ya.

@justinlu5730 3 года назад

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

@Deus-lo-Vuilt 2 года назад

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

@jochi1787 3 года назад

y el codigo?

@davidagustin9325 3 года назад

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

@emanuel_ff7205 Год назад

dpuedes pasar el codigo fuente bro

@jesusgonzalezzcok4531 3 года назад

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

@luishasaanpg9179 2 года назад

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

@alainespino5714 3 года назад

con el nav seria estupendo

@angelanselmodelossantos3831 3 года назад

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

@rokenbupolecat 3 года назад

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

@vidamrr 3 года назад

Si, con VS Code

@Fernandodelcastillo87 3 года назад

no es más facil hacerlo con Pingendo visualmente?

@esteesmymundo9843 2 года назад

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 2 года назад

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

@Ammoroso29 3 года назад

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 3 года назад

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. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-V_acKBZ1ZPU.html Allí te explica cómo hacer las peticiones HTTP

@Ammoroso29 3 года назад

@@miguelperez-hq8bd gracias Miguel, revisare el video

@luisemmanuel3525 3 года назад

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 3 года назад

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

@jorgeandresmorelohinestroz7882 2 года назад

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

@jimmyneutron7858 3 года назад

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 3 года назад

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

@2829Isabel 2 года назад

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

@andresdeveloper9809 2 года назад

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?

@carrillohuamanelizabethcri3517 2 года назад

puedo obtener el codigo de dicho formulario

@EstebanRamirez-yb7rg 3 года назад

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 4 месяца назад

@EstebanRamirez-yb7rg 4 месяца назад

@@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 4 месяца назад

@@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 4 месяца назад

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

@JesusSanchezGarcia-fb8jw Год назад

pasen el codigo

@eliasolivtradet6627 3 года назад

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?