Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › Basé sur le bootstrap pour activer le mode nuit noire (sombre) ...
Vue: 6129|Répondre: 4

[Bootstrap] Activez le mode sombre (sombre) basé sur Bootstrap

[Copié le lien]
Publié sur 04/04/2023 09:32:35 | | | |
Exigences : J’ai vu une petite icône d’ampoule et de lune dans le petit coin droit de certains sites web, cliquez sur l’icône ampoule pour obtenir le mode lumière, cliquez sur l’icône de la lune pour obtenir le mode nuit (mode sombre), ça a l’air très cool, mon site est basé sur le développement du framework front-end Bootstrap, cherchez des supports et tutoriels associés.

bootstrap4：La connexion hyperlientérée est visible.
bootstrap5：La connexion hyperlientérée est visible.
Documentation tutorielle：La connexion hyperlientérée est visible.

Le code compile les quatre méthodes du corps de travail original (et un total de six variantes)

Mode de commutation manuelle :La connexion hyperlientérée est visible.
Suivez le changement automatique de systèmes d’exploitation :La connexion hyperlientérée est visible.




(Surtout comme l’iPhone alterne entre le jour et la nuit, le mode sombre convient aux environnements en faible luminosité, ce qui peut mieux protéger les yeux de l’utilisateur sans déranger les autres, et peut aussi économiser plus d’énergie.) ）

Selon le tutoriel de documentation, essayez de l’introduire sur notre site web, regardez d’abord les rendus comme suit :



Introduisez les styles en tête, le code est le suivant :

Code HTML d’icône de bouton :

Mode bascule code js :

(Fin)




Précédent:Passer à l’accès ouvert au port spécifié sous Linux
Prochain:L’outil Cassowary pour les tests de stress des requêtes HTTP

Articles connexes
 Propriétaire| Publié sur 07/04/2023 21:08:11 |


Utilisez la commande suivante pour vérifier si elle est en mode sombre :

 Propriétaire| Publié sur 07/04/2023 21:09:46 |
Nous pouvons utiliser l’écouteur d’événements pour détecter le changement de pattern, et le code d’implémentation ressemble à ceci :

 Propriétaire| Publié sur 21/07/2025 14:38:40 |
Xiaozha Publié le 07-04-2023 à 21:09
Nous pouvons utiliser l’écouteur d’événements pour détecter le changement de pattern, et le code d’implémentation ressemble à ceci :
Pour les changements de mode de surveillance, voir :La connexion hyperlientérée est visible.
 Propriétaire| Publié sur 21/07/2025 16:16:34 |
Darkmode.js Ajoutez le mode sombre/nuit à votre site web en quelques secondes :La connexion hyperlientérée est visible.
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com