【问题标题】:The most appropriate way to implement dark/light/... mode in Bootstrap 5? [closed]在 Bootstrap 5 中实现暗/亮/...模式的最合适方法是什么? [关闭]
【发布时间】:2021-11-24 12:10:27
【问题描述】:

如何在 Bootstrap 5 中正确引入深色和浅色主题等主题。应该由 css/scss 或 js 完成,还是两者兼而有之。 我们应该用像 dark.css 这样的 css 文件覆盖类吗? 我们应该用 js 切换像 bg-dark、bg-light 等类吗? 我试过this answer,但我认为有一种方法可以满足所有需求。 另一个问题是,如果我们想要除了深色/白色以外的两个以上的主题,我们应该怎么做?

【问题讨论】:

    标签: javascript css sass bootstrap-5


    【解决方案1】:

    为 bootstrap 实现暗模式是一项漫长的任务,因为需要更改多个变量。更简单的方法是在 root 中使用带有 .dark/.light 的 var(),但仍然有 bootstrap 的功能需要一种可以正常工作的颜色。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-10-19
      • 2021-11-19
      • 2020-12-07
      • 1970-01-01
      • 1970-01-01
      • 2023-04-10
      • 1970-01-01
      相关资源
      最近更新 更多