Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › Baseado em bootstrap para ativar o modo noite escura (escuro) ...
Vista: 6129|Resposta: 4

[Bootstrap] Ativar o modo escuro (escuro) com base no Bootstrap

[Copiar link]
Publicado em 04/04/2023 09:32:35 | | | |
Requisitos: Vi um pequeno ícone de uma lâmpada e uma lua no canto direito de alguns sites, clique no ícone da lâmpada para obter o modo luz, clique no ícone da lua para ver o modo noturno (modo escuro), está muito legal, meu site é baseado no desenvolvimento do framework front-end Bootstrap, procure por materiais e tutoriais relacionados.

bootstrap4：O login do hiperlink está visível.
bootstrap5：O login do hiperlink está visível.
Documentação tutorial：O login do hiperlink está visível.

O código compila os quatro métodos do corpo de trabalho original (e um total de seis variantes)

Modo de Troca Manual:O login do hiperlink está visível.
Siga a troca automática de sistemas operacionais:O login do hiperlink está visível.




(Especialmente como o iPhone alterna entre dia e noite, o modo escuro é adequado para ambientes com pouca luz, o que pode proteger melhor os olhos do usuário sem incomodar os outros e também economizar mais energia.) ）

De acordo com o tutorial de documentação, tente apresentá-lo ao nosso site, primeiro veja as renderizações da seguinte forma:



Introduza estilos na cabeça, o código é o seguinte:

Ícone de botão código HTML:

Código js do modo alternado:

(Fim)




Anterior:Mudar para acesso aberto à porta especificada no Linux
Próximo:A ferramenta Cassowary para testes de estresse de requisições HTTP

Posts Relacionados
 Senhorio| Publicado em 07/04/2023 21:08:11 |


Use o seguinte comando para verificar se está no modo escuro:

 Senhorio| Publicado em 07/04/2023 21:09:46 |
Podemos usar o ouvinte de eventos para detectar a mudança de padrão, e o código de implementação fica assim:

 Senhorio| Publicado em 21/07/2025 14:38:40 |
Xiaozha Postado em 2023-4-7 21:09
Podemos usar o ouvinte de eventos para detectar a mudança de padrão, e o código de implementação fica assim:
Para mudanças no modo de monitoramento, consulte:O login do hiperlink está visível.
 Senhorio| Publicado em 21/07/2025 16:16:34 |
Darkmode.js Adicione o modo escuro/noturno ao seu site em segundos:O login do hiperlink está visível.
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com