Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

Architect_Programmer_Code Сельскохозяйственная сеть»Архитектор › Фронтенд-дизайн и веб › Передняя рама › Bootstrap для включения режима тёмной ночи (тёмной) ...
Вид: 6129|Ответ: 4

[Бутстрэп] Включите тёмный (тёмный) режим на основе Bootstrap

[Скопировать ссылку]
Опубликовано 04.04.2023 9:32:35 | | | |
Требования: я увидел маленькую иконку лампочки и луны в правом углу некоторых сайтов, кликните на значок лампочки, чтобы включить режим света, нажмите на иконку луны, чтобы получить ночной режим (тёмный режим), выглядит очень круто, мой сайт основан на фронтенд-фреймворке Bootstrap, ищите связанные материалы и обучающие материалы.

bootstrap4：Вход по гиперссылке виден.
bootstrap5：Вход по гиперссылке виден.
Документация учебника：Вход по гиперссылке виден.

Код объединяет четыре метода исходного рабочего корпуса (и всего шесть вариантов)

Режим ручного переключения:Вход по гиперссылке виден.
Следуйте автоматическому переключению операционных систем:Вход по гиперссылке виден.




(Особенно учитывая, что iPhone переключается между днём и ночью, тёмный режим подходит для слабо освещённых условий, что лучше защищает глаза пользователя, не мешая другим, а также экономит больше энергии.) ）

Согласно учебнику по документации, попробуйте ввести его на наш сайт, сначала посмотрите на рендеры следующим образом:



Введите стили в голове, код выглядит следующим образом:

HTML-код значка кнопки:

Код режима переключения js:

(Конец)




Предыдущий:Переключитесь на открытый доступ к указанному порту в Linux
Следующий:Инструмент Cassowary для стресс-тестирования HTTP-запросов

Связанные публикации
 Хозяин| Опубликовано 07.04.2023 21:08:11 |


Используйте следующую команду, чтобы проверить, находится ли он в тёмном режиме:

 Хозяин| Опубликовано 07.04.2023 21:09:46 |
Мы можем использовать слушатель событий для обнаружения изменения паттерна, и код реализации выглядит так:

 Хозяин| Опубликовано 21.07.2025 14:38:40 |
Сяочжа Опубликовано 2023-4-7 21:09
Мы можем использовать слушатель событий для обнаружения изменения паттерна, и код реализации выглядит так:
Для изменений режима мониторинга см.:Вход по гиперссылке виден.
 Хозяин| Опубликовано 21.07.2025 16:16:34 |
Darkmode.js Добавьте режим темного/ночи на свой сайт за считанные секунды:Вход по гиперссылке виден.
Отказ:
Всё программное обеспечение, программные материалы или статьи, публикуемые Code Farmer Network, предназначены исключительно для учебных и исследовательских целей; Вышеуказанный контент не должен использоваться в коммерческих или незаконных целях, иначе пользователи несут все последствия. Информация на этом сайте взята из Интернета, и споры по авторским правам не имеют отношения к этому сайту. Вы должны полностью удалить вышеуказанный контент с компьютера в течение 24 часов после загрузки. Если вам нравится программа, пожалуйста, поддержите подлинное программное обеспечение, купите регистрацию и получите лучшие подлинные услуги. Если есть нарушение, пожалуйста, свяжитесь с нами по электронной почте.
Mail To:help@itsvse.com