Bootstrap 4 的动画效果会根据系统设置的偏好而改变，但Bootstrap目前还不支持暗黑模式。

在网页调试Bootstrap的动画效果时，如果系统设置了更偏向性能的设置，Firefox浏览器会读取这个配置并告知网页，Bootstrap便会根据这个偏好设置而取消动画效果，但不方便我们调试出我们想要的效果。

所以为了方便我们调试带有动画效果的Bootstrap网页，并且不影响系统的偏好设置，可以在Firefox中覆盖系统的偏好设置，其中包括动画效果和暗黑效果。

首先了解一下Windows对应的设置选项（该设置路径源自Windows 10 1909版）：

1. 动画效果偏好：Settings -> Ease of Access -> Display -> Show animations in Windows
2. 暗黑效果偏好：Settings -> Personalization -> Colors -> Choose your color

最后是Firefox的覆盖选项方法：

1. 首先需要在浏览器地址栏中输入"about:config"并按回车，这样就进入了Firefox的配置参数界面；
2. 如果没有就创建下方对应的条目即可：
   1. 动画效果偏好："ui.prefersReducedMotion"，0是带动画，1是不带动画；
   2. 暗黑效果偏好："ui.systemUsesDarkTheme"，0是正常颜色模式，1是暗黑模式。

以上便是覆盖系统设置的两个偏好设置的方法，关于Firefox的about:config中其他的键值意义，请参考搜索引擎及Firefox官网支持页面。
https://support.mozilla.org/en-US/kb/about-config-editor-firefox