Ota käyttöön tumma (tumma) tila Bootstrapin pohjalta

Pikku roisto · Julkaistu 4.4.2023 9.32.35

Vaatimukset: Näin pienen hehkulampun ja kuun kuvakkeen joidenkin verkkosivujen oikeassa pienessä kulmassa, klikkaa lamppukuvaketta saadaksesi valotilan, klikkaa kuukuvaketta saadaksesi yötilaa (tumma tila), se näyttää todella siistiltä, verkkosivustoni perustuu Bootstrapin käyttöliittymän kehitykseen, etsi aiheeseen liittyviä materiaaleja ja tutoriaaleja.

bootstrap4：Hyperlinkin kirjautuminen on näkyvissä.
bootstrap5：Hyperlinkin kirjautuminen on näkyvissä.
Opetusdokumentaatio：Hyperlinkin kirjautuminen on näkyvissä.

Koodi kääntää alkuperäisen rungon neljä metodia (ja yhteensä kuusi varianttia)

Manuaalinen kytkentätila:Hyperlinkin kirjautuminen on näkyvissä.
Noudata käyttöjärjestelmien automaattista vaihtoa:Hyperlinkin kirjautuminen on näkyvissä.

(Erityisesti kuten iPhone vaihtaa päivän ja yön välillä, pimeä tila sopii hämärässä ympäristössä, mikä suojaa käyttäjän silmiä paremmin häiritsemättä muita ja säästää myös enemmän virtaa.) ）

Dokumentaation ohjeen mukaan yritä esitellä se verkkosivuillemme, katso ensin renderöintiä seuraavasti:

Esittele tyylit päässä, koodi on seuraava:

Kirjautuminen näkyy.

Painikekuvake HTML-koodi:

Kirjautuminen näkyy.

Toggle mode js code:

Kirjautuminen näkyy.

(Loppu)