Bootstrap material 完整调色板

Question

我想在我的 Angular 应用程序中添加 bootstrap material 设计的完整调色板。

当我执行 "grunt build" 时，此文件 material-fullpalette.min.css 在 dist 中不工作（我在 index.html 中手动添加了它）。

如何才能正确地使用 css 文件中的所有颜色？

Answer 1

要添加 material-fullpalette.min.css，您需要在以下文件中进行更改

位置：bower_components\bootstrap-material-design\bower.json

如果只添加material-fullpalette.min.css，只需进行以下更改

"main": [
    "dist/css/material.css",
    "dist/js/material.js",
    "dist/css/ripples.css",
    "dist/js/ripples.js",
    "dist/css/material-fullpalette.css"
  ],

要添加其他文件，您需要执行以下操作

"main": [
    "dist/css/material.css",
    "dist/js/material.js",
    "dist/css/ripples.css",
    "dist/js/ripples.js",
    "dist/css/material-fullpalette.css",
    "dist/css/roboto.css",
    "dist/fonts/Material-Design-Icons.eot",
    "dist/fonts/Material-Design-Icons.svg",
    "dist/fonts/Material-Design-Icons.ttf",
    "dist/fonts/Material-Design-Icons.woff",
    "dist/fonts/RobotoDraftBold.woff",
    "dist/fonts/RobotoDraftBold.woff2",
    "dist/fonts/RobotoDraftItalic.woff",
    "dist/fonts/RobotoDraftItalic.woff2",
    "dist/fonts/RobotoDraftRegular.woff",
    "dist/fonts/RobotoDraftRegular.woff2"
  ],

那么如果你运行g运行t，它会自动包含在主包中。

Bootstrap material 完整调色板

Bootstrap material fullpalette

angularjs

twitter-bootstrap

bootstrap-material-design