Cómo Hacer una Página de Login con HTML y Bootstrap 5 | Template de Página de Login Gratis

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ม.ค. 2025

ความคิดเห็น • 46

  • @brayans.correa9377
    @brayans.correa9377 2 ปีที่แล้ว +3

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

    • @VicTipsTM
      @VicTipsTM  2 ปีที่แล้ว

      Excelente, me alegra saberlo.

  • @juancamiloparejasanchez7267
    @juancamiloparejasanchez7267 9 หลายเดือนก่อน +1

    Muchas gracias compañero, me ayudaste a comprender muchas cosas, excelente explicación.

  • @sinnombre9368
    @sinnombre9368 ปีที่แล้ว +5

    No me aparecen las imágenes en el formulario

  • @Rosy10Mary
    @Rosy10Mary ปีที่แล้ว +1

    Gracias VICTOR, excelente video recibe saludos y bendiciones :)

    • @VicTipsTM
      @VicTipsTM  ปีที่แล้ว

      Muchas gracias por el apoyo

  • @yairmateozapatamanrique5942
    @yairmateozapatamanrique5942 2 ปีที่แล้ว +1

    Sub nuevo, excelente video!!😁

    • @VicTipsTM
      @VicTipsTM  2 ปีที่แล้ว

      Muchas gracias

  • @alejandrolagos6043
    @alejandrolagos6043 9 หลายเดือนก่อน +1

    Gracias por compartir tu conocimiento

  • @eduar2083
    @eduar2083 2 ปีที่แล้ว

    Gracias por compartir, quedó muy bien. Lo estoy integrando para mi Login con una App Blazor.

  • @juanpablowibaux9727
    @juanpablowibaux9727 ปีที่แล้ว +1

    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?

  • @emmanuelmunoz2895
    @emmanuelmunoz2895 ปีที่แล้ว +1

    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?

    • @VicTipsTM
      @VicTipsTM  ปีที่แล้ว +1

      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.

  • @mijael0222
    @mijael0222 ปีที่แล้ว +1

    gracias bro sos un crack ...

  • @joakocastro2150
    @joakocastro2150 2 ปีที่แล้ว +1

    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

    • @VicTipsTM
      @VicTipsTM  2 ปีที่แล้ว +1

      Hola, tocaría revisar el código.

    • @joakocastro2150
      @joakocastro2150 2 ปีที่แล้ว +1

      @@VicTipsTM ya pude jajaja, tenía escrito aling en vez de align

    • @VicTipsTM
      @VicTipsTM  2 ปีที่แล้ว

      Suele suceder

  • @sneidergallegosmarin1848
    @sneidergallegosmarin1848 2 ปีที่แล้ว +1

    Excelente hermano 👍

    • @VicTipsTM
      @VicTipsTM  2 ปีที่แล้ว +1

      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.

  • @TheBarbasBiker
    @TheBarbasBiker 3 หลายเดือนก่อน

    Alguien sabe si quiero ponerle otro color como debo hacerlo?

  • @javierandresluisgonzalez2046
    @javierandresluisgonzalez2046 9 หลายเดือนก่อน

    Excelente, una pregunta, qué extensión utilizas para que te aparezcan las opciones del código de bootstrap cuando vas digitando?

  • @SoyBedrock
    @SoyBedrock ปีที่แล้ว +2

    como se adaptaría a móvil?

    • @rbenx_c
      @rbenx_c ปีที่แล้ว +1

      adaptando

  • @mauriciomich
    @mauriciomich ปีที่แล้ว +1

    Cual es la extension de VSCODE para ir viendo los cambios en vivo de la web del lado derecho ?

  • @JULIOCASTRO-ve8uv
    @JULIOCASTRO-ve8uv ปีที่แล้ว +1

    Excelente video me podrías ayudar para agregarlo en Moodle.Gracias de antemano

  • @GilbertoGomez-b8c
    @GilbertoGomez-b8c 9 หลายเดือนก่อน +1

    Buenas te pasastes para hacerlo facil y sencillo gracias

  • @emanuel_ff7205
    @emanuel_ff7205 ปีที่แล้ว +1

    y como le hago para saltar a otro formulario

    • @VicTipsTM
      @VicTipsTM  ปีที่แล้ว

      Todo depende de lo que estés utilizando, pero se me ocurre un que te lleve a donde necesitas.

  • @aprende-facil-col
    @aprende-facil-col 2 ปีที่แล้ว +1

    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

    • @VicTipsTM
      @VicTipsTM  2 ปีที่แล้ว +1

      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

    • @aprende-facil-col
      @aprende-facil-col 2 ปีที่แล้ว +1

      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.

    • @VicTipsTM
      @VicTipsTM  2 ปีที่แล้ว

      Con mucho gusto

  • @JonShotz
    @JonShotz ปีที่แล้ว +1

    Tanto div? No es una mala práctica para HTML con la nueva estructura?

    • @VicTipsTM
      @VicTipsTM  ปีที่แล้ว

      Si, la verdad se deberían utilizar los tags correspondientes

    • @JonShotz
      @JonShotz ปีที่แล้ว +1

      @@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 ?

    • @VicTipsTM
      @VicTipsTM  ปีที่แล้ว

      Apenas tenga un tiempito lo subo. Y a qué te refieres con lo de template?

    • @JonShotz
      @JonShotz ปีที่แล้ว +1

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

    • @VicTipsTM
      @VicTipsTM  ปีที่แล้ว

      Pues yo lo hago cuando utilizo react, pero solo con html no sé cómo hacerlo 😅

  • @Leo-qn8nx
    @Leo-qn8nx ปีที่แล้ว +1

    Una duda bro como lo tienes en tiempo real?

    • @VicTipsTM
      @VicTipsTM  ปีที่แล้ว +1

      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.

  • @allker1192
    @allker1192 7 หลายเดือนก่อน

    Mierda, tengo probleamas con jinja2 y bootstrap, y en youtube hay no hay videos que ayuden

  • @LuzQuintero-m2b
    @LuzQuintero-m2b 3 หลายเดือนก่อน +1

    Ahhhh class no me sirveeeee

    • @VicTipsTM
      @VicTipsTM  3 หลายเดือนก่อน

      En qué estás desarrollando?

    • @gustavo2105
      @gustavo2105 2 หลายเดือนก่อน +1

      Si estas desarrollando tu aplicación en React, debes reemplazar class por className así no entra en conflicto.