Bootstrap tabanlı koyu (karanlık) modu etkinleştir

Küçük · Yayınlandı 4.04.2023 09:32:35

Gereksinimler: Bazı web sitelerinin sağ köşesinde küçük bir ampul ve ay simgesi gördüm, ışık modunu almak için ampul simgesine tıklayın, gece modunu (karanlık mod) almak için ay simgesine tıklayın, çok havalı görünüyor, web sitem Bootstrap ön yüz framework geliştirme üzerine dayanıyor, ilgili materyaller ve eğitimler arayın.

bootstrap4：Bağlantı girişi görünür.
bootstrap5：Bağlantı girişi görünür.
Eğitim dokümantasyonu：Bağlantı girişi görünür.

Kod, orijinal çalışma gövdesinin dört yöntemini (ve toplamda altı varyantı) derler.

Manuel Anahtarlama Modu:Bağlantı girişi görünür.
İşletim sistemlerinin otomatik anahtarlamasını takip edin:Bağlantı girişi görünür.

(Özellikle iPhone'un gündüz ile gece arasında geçiş yapması gibi, karanlık mod düşük ışıklı ortamlar için uygundur; bu da kullanıcının gözlerini başkalarını rahatsız etmeden daha iyi koruyabilir ve ayrıca daha fazla enerji tasarrufu sağlar.) ）

Dokümantasyon eğitimine göre, web sitemize tanıtmaya çalışın, önce render düzenlemelerine aşağıdaki gibi bakın:

Stilleri kafada tanıtın, kod şöyledir:

Giriş görünür.

Düğme simgesi HTML kodu:

Giriş görünür.

Toggle mode js code:

Giriş görünür.

(Son)