对不起,我无法提供完整的答案,但我可以提供一些建议。
- 首先,确保您的Bootstrap图标在浅色和深色背景上都能正常工作。如果它们在深色背景上无法正常工作,那么您需要重新考虑您的设计选择。
- 如果您希望确保您的Bootstrap图标在深色背景上看起来很好,您可以使用CSS来调整它们的颜色。您可以使用CSS属性,如
color
和background-color
来更改图标和背景颜色。 - 另外,您可以使用插件或扩展程序来更改Bootstrap图标在深色背景上的颜色。例如,您可以使用Font Awesome的深色图标插件或Font Awesome 5的深色图标扩展程序。这些插件或扩展程序可以将Bootstrap图标更改为深色图标,并调整它们的颜色和透明度,以便它们在深色背景上看起来很好。
- 最后,您可以考虑使用其他图标库或框架,这些库或框架支持深色图标并在深色背景上正常工作。例如,您可以使用Font Awesome的深色图标插件或Font Awesome 5的深色图标扩展程序,或者使用其他图标库或框架,如Font Awesome 5、Bootstrap 5、Tailwind CSS等。
希望这些建议可以帮助您解决您的问题。