💜 Cómo PERSONALIZAR los estilos CSS en BOOTSTRAP 5 con SASS ✅ (crea tu propio tema!)
Вставка
- Опубліковано 2 чер 2021
- ¿Quieres aprender Bootstrap 5 de la mejor forma posible?
👇👇 ACCEDE al CURSO de BOOTSTRAP GRATIS
bit.ly/3gUx4bP
🎁 GUIA GRATIS: 5 Técnicas de ChatGPT para Desarrolladores 👉 crz.dev/tecnicas-chatgpt
📚 Recursos de programación 👉 crz.dev/sub
👨💻 Formación de IA para Desarrolladores:
crz.dev/ia-star
👨💻 Todos mis cursos gratis:
kiko.pro/cursos
📚 Puedes ver todos mis libros aquí:
kiko.pro/libros
📘 MI LIBRO "No todo es programar":
notodoesprogramar.com/
🦊 100 Fábulas para Programadores
kiko.pro/100fabulas
📙 Libro: Aprende HTML
kiko.pro/librohtml
👁️ Puedes encontrar cosas más interesantes en:
kiko.pro/
🖱️ Si quieres ver el mi setup completo 👉 kiko.pro/setup
🎉 Continua la fiesta en mis otras redes sociales:
Discord: kiko.pro/discord
Instagram: kiko.pro/instagram
Twitter: kiko.pro/twitter
TikTok: kiko.pro/tiktok
GitHub: kiko.pro/github
kikopalomares.com/
Algunos de los enlaces son enlaces de afiliados, por lo que quizás reciba alguna pequeña comisión por compras a través de esos enlaces.
CURSO de BOOTSTRAP GRATIS 👉 bit.ly/3gUx4bP
Hace 3 semanas vengo dando vueltas con esto de los colores personalizados, y en 10 minutos me solucionaste el problema! Estoy comenzando recién con Bootstrap y Sass. Saludos desde Argentina.
genial!! me alegro que te haya servido!! 💪
Di vueltas por todos los canales de youtube y ya estaba por resignarme a usar SASS, ahora te encuentro a vos y me mostras esta maravilla!! I Love You Kiko
7:06 No sabía porque me pasaba eso, pero me sirvió para poder personalizar bulma también!
No hay forma de personalizar la "alerta" en la versión 5.3.0 de esa manera. Hay un mensaje de atención en la documentación, pero no entendí qué es este sass loop: "Heads up! As of v5.3.0, the alert-variant() Sass mixin is deprecated. Alert variants now have their CSS variables overridden in the Sass loop. "
¿Cómo personalizo las alertas?
Ni te imaginas lo mucho que me has ayudado en tan solo 6 minutos de videos, lo dicho +1 SUSCRIPTOR
me alegro mucho!! bienvenido!! 😁
El video que estaba necesitando! unido al canal x mas contenido !!! Excelente
Muchas gracias por este video. Voy a mirar tu lsita de videos asi puedo aprender más de bootstrap. Habia arrancado a leer la docuentacion pero me mareaba al no tener una referencia de como hacerlo correctamente :)
Kiko vaya manera, exelente forma de explicar, mas has ayudado demasiado, gracias por compartir, saludos
Porfi , estamos esperando con ansías los otros vídeos del bootstrap
Espero con ansias mas videos de bootstrap porque aun que lo piden muchas empresas si que es verdad que aún prefiero hacer css con sass o hacer directamente el .css XD ya quiero que este framework me resuelva la vida!!
Mil gracias Kiko por tus videos, son muy interesantes y prácticos. Explicaste justo lo que andaba buscando.
Excelente amigo, saludos no me quedaba nada de eso y lo me solucionaste, muchas gracias.
Sos igual a Pablo Rago... (en su versión joven y de España, claro)
Me ayudó un montón este vídeo, muchísimas gracias!
Excelente tutorial kiko como todos los que siempre nos compartes he aprendido mucho gracias a tus videos el curso completo de HTML completo me encantó saludos desde medellin Colombia hace poco me uní a tu Discord es super
genial Leonardo!! me alegra leer eso!! 💪
Excelente!!
Claro que si
muy buen video , me parecio muy interesante, se agradece que lo hayas explicado muy bien
Que chevere aprender algo nuevo. Gracias!
muchas gracias !!!!
Eres un crack hermanito! Saludos desde México :)
Grande Kikooooooooo, muchas gracias!!!
Graciaaaaas!!!
Esta bueno voy a ver los otros y aplicarlo gracias genio vengo bien
Gracias parce desde Colombia, muy claro todo
Oye kiko, puedo hacerte una pregunta?
Supongamos que tengo un monorepositorio el cuál fue generado utilizando Nx y ahí tengo el FrontEnd y el BackEnd, pero aún no comparten librerías de Nx.
Del lado del FrontEnd tengo un Single Page Application montado en Angular y tiene instalado el package @angular/pwa para agregar las características para ser Progressive Web Application (genera los accessos directos, puede recibir push notifications y demás cosas).
Por otro lado tengo el BackEnd donde utilizo NestJs y está estructurado siguiendo una arquitectura hexagonal. Además utiliza liberías básicas para manejar la autenticación y seguridad (bcryptjs, passport-jwt, jsonwebtoken). Y se conecta a la base de datos (el motor es irrelevante) por medio del ORM typeorm.
Amigo gran video, estoy probando con la versión 5.1 varias clases funcionaron pero otras como bg-name-of-custom-color y text-name-of-color-persona no funcionaron. ¿Tiene alguna sugerencia para este problema?
Se puede cambiar los colores solamente teniendo archivos html, css y estilos sass? O necesito tener tambien abierto un json? gracias
kiko, anteriormente hice desafios usando el metodo que explicas con la finalidad de agregar colores extras a bootstrap y me andaba perfecto pero ahora ya no me funciona. no se si se actualizo algo de bootstrap o que estare haciendo mal porque copie exactamente la sintaxis de otros desafios que tengo donde si funcionaba y no me funciona, incluso lo hice en otra pc instalando vscode y todo desde cero y aun asi no me anda. necesito ayudaa
Muchas gracias por todo tu curso de Bootstrap. Estoy aprendiendo un monton!! nueva suscriptora
genial! bienvenida!! 💪
Muchas gracias Kiko, Me ayudan tus videos. Saludos
😁
gracias por tu contenido man
💪
Nos estamos cargando toda la libreria a nuestro entorno de desarrollo, pero al momento de hacer el building se cargará todo también, si es así, como puedo compilar únicamente los estilos que estoy usando en mi aplicación
Hola Kiko Palomares. Es lo mismo para personalizar la barra de navegación.??
excelente contenid master !!!
muchas gracias!! =D
alguien sabe por qué no me deja cambiar el background del body entero? Es decir, le pongo la propiedad en la hoja de sass al body y no me responde nada. :(
podrías hacer un tutorial como crear la transmision 24/7 como haces en el canal de koding beats?
alguien sabe ¿por qué no me compila cuando agrego un nuevo color?, esta igual al video.
:D
Super util y muy bien explicado!!!!! Muchas gracias!!!!!
no me funcionaria la forma de agregar mis colores con bootstrap, creo que puede ser porque esta mas actualizada un año despues
El badge no me funciona con el custom-color xd, se vuelve todo blanco.
lo mismo me pasó a mi
Yo no sé si es que he liado algun paso anterior o algo, pero en cuanto meto los datos que dicen que son requeridos para borrar colores, no me funciona todo el resto de los colores personalizados jajajaja.
Hola kiko, una pregunta, que tanta utilizas sass en tu dia a dia laboral?
lo usamos poco, para esto que enseñe en este vídeo y poco más, usamos bootstrap y tailwind, así que no tenemos que escribir mucho CSS, pero el que escribimos lo hacemos en SASS
@@kikopalomares Tambien podria bajar la version compilada de bootstrap y linkearlo directa para asi no depender ni de sass ni de node? Con el script src y el link de css?
@@kiiiu1558 poder puedes... pero es una chapuza xD ... a la hora de después actualizar la librería y tal no lo podrías hacer automático, además para personalizarla directamente en el compilado... puff
Se pueden personalizar las clases?, porque todos los videos hablan de las variables y los colores, pero nadie habla de como personalizar las clases, ejemplo la clase navbar la clase btn agregar clases a la media querys, ósea editar, no crear clases nuevas ya que al poner clases e agregan a la parte de abajo del css haciendo crecer de manera innecesaria el código css