Twitter bootstrap Bootstrap4是否可以处理一个自定义主题,该主题的明暗模式由Google';什么是材料设计?

Twitter bootstrap Bootstrap4是否可以处理一个自定义主题,该主题的明暗模式由Google';什么是材料设计?,twitter-bootstrap,frontend,bootstrap-4,Twitter Bootstrap,Frontend,Bootstrap 4,我正在构建一个新的应用程序,我将通过创建一个自定义主题(不仅包括颜色,还包括对UI元素和间距的修改)来修改一些引导UI元素。我在前端是新手,我想知道bootstrap是否可以像材质设计一样同时处理明暗主题,例如: 注意:我的后端开发人员使用PHP和Ajax,我们没有使用react/angular/view和那些新的javascript框架来构建前端 这种方法会有很多问题/小毛病吗?如果您只需切换从一个css文件切换到另一个css文件,就不会有任何问题或小毛病。这里您可以使用jQuery元素选

我正在构建一个新的应用程序,我将通过创建一个自定义主题(不仅包括颜色,还包括对UI元素和间距的修改)来修改一些引导UI元素。我在前端是新手,我想知道bootstrap是否可以像材质设计一样同时处理明暗主题,例如:

注意:我的后端开发人员使用PHP和Ajax,我们没有使用react/angular/view和那些新的javascript框架来构建前端


这种方法会有很多问题/小毛病吗?

如果您只需切换从一个css文件切换到另一个css文件,就不会有任何问题或小毛病。

这里您可以使用jQuery元素选择器,如(
#左、#右、#体
), 当客户点击特殊(主)按钮时


然后,背景将根据主题(浅/暗)进行更改。

本机没有。但是,使用一点JS/jQuery和一个暗主题,您就可以了。 看

但是,如果您提供一个主灯光主题和一个次灯光主题,并且用户更喜欢黑暗,则会出现问题(如您所问),当页面加载时,它将首先加载默认(灯光),然后切换到黑暗,从而创建“闪光”。调整切换到服务器端(PHP)可能会修复flash,但这需要大量工作来交换这两个主题

然而,就用户体验理念而言,如果浏览器支持
首选配色方案
媒体查询,则切换按钮不应可用,因为浏览器或用户操作系统将指示首选项