Lo nuevo de Bootstrap 5 | Menu Modo Oscuro (Dark/Light)
HTML-код
- Опубликовано: 13 мар 2023
- Implementamos lo nuevo de Bootstrap 5 que cambia de Modo Oscuro a Modo Claro, usando los recursos de Bootstrap.
Empezando con la version 5.3.0 Bootstrap introdujo el color mode que nos permite usar diferentes modos en la interfaz.
El archivo del proyecto en github:
github.com/Emprinnos/bootstra...
Tutorial completo de Bootstrap:
• Crea una Pagina WEB co...
Tutorial Galería de Imágenes (vanilla JavaScript)
• Tutorial galería de im...
🗨️ Twitter: / emprinnos
📱 Instagram: / emprinnos
#bootstrap #desarrolloWEB #paginaWEB #programacion #bootstrap5
Eres un crack amigo
Y como se crean componentes a partir de los ya creados usando sass y Bootstrap?
Excelente tutorial hermano, cuando no tenemos herramientas como estas se vuelve complicado jaja
muchas gracias por explicarlo al 100%
claro amigo 😀
super practico!!!
El archivo del proyecto en github:
github.com/Emprinnos/bootstrapDarkMode.git
si quieren implementar dark/light mode desde 0 con JavaScript chequeen este video:
ruclips.net/video/cw_UUESSPHg/видео.html
Seems working fine, but the dropdown should also change it's theme to dark, i think. Or not?
it should, I checked my example and the dropdown does change between dark and light mode in Firefox and Safari
Nevermind, I figured it out:
// insert the "data-bs-theme" property with an empty value.
@@krzysztofpilch6307 👍
@@Emprinnos Thank you for the tutorial btw. It's very useful.
@@krzysztofpilch6307 not a problem