小编djl*_*djl的帖子

在bootstrap 4中,您可以使用以下数组定义和/或覆盖默认颜色:( 如此处所述)

$theme-colors: (
    "primary": #001122, /*override*/
    "color-1": red, /*new color*/
    "color-2": black, /*new color*/
    "color-3": white /*new color*/
);

我想为不同的用户制作自定义主题颜色.用户可以根据正文的类别选择我定义的不同调色板.

我创建了一个新文件来创建自己的样式,在body标签中的CSS变量中定义我的主题颜色:

body {
  &.color-pallette-red {
    --theme-color-1: red;
    --theme-color-2: black;
    --theme-color-3: white;

    color: var(--theme-color-1); /*red*/
  }

  &.color-pallette-yellow {
    --theme-color-1: yellow;
    --theme-color-2: black;
    --theme-color-3: white;

    color: var(--theme-color-1); /*yellow*/
  }
}

但通过这种方式,引导颜色当然不会被覆盖......

我试图将我的CSS变量粘贴到前面提到的bootstrap数组中,以确保bootstrap使用了我的颜色:

$theme-colors: (
    "color-1": var(--theme-color-1),
    "color-2": var(--theme-color-2),
    "color-3": var(--theme-color-3)
);

但是这Error: $color2: var(--theme-color-1) is not a color. @return mix($color-base, $color, $level * $theme-color-interval);在运行编译脚本后返回.所以bootstrap/compiler没有将我的CSS变量识别为颜色......

总结我想要的是:根据身体类改变自举颜色.有谁知道实现这一目标的方法？

在Laravel 5中,我应该在什么目录中存储图像(用于背景)以及如何在CSS文件中访问它.我的CSS文件在public/css目录中.我试图将图像放入public/images,public/assets/images但没有工作,甚至我无法直接从Web浏览器访问图像.