Angularjs 引导材质调色板

Angularjs 引导材质调色板,angularjs,twitter-bootstrap,bootstrap-material-design,Angularjs,Twitter Bootstrap,Bootstrap Material Design,我想在我的Angular应用程序中添加bootstrap材质设计的全调色板 当我进行“grunt构建”时,material-fullpalete.min.css文件在dist中不起作用(我在index.html中手动添加了它) 如何正确地使用css文件的所有颜色 要添加material-fullpalete.min.css,您需要在以下文件中进行更改 位置:bower\u components\bootstrap material design\bower.json 对于仅添加material-

我想在我的Angular应用程序中添加bootstrap材质设计的全调色板

当我进行“grunt构建”时,material-fullpalete.min.css文件在dist中不起作用(我在index.html中手动添加了它)

如何正确地使用css文件的所有颜色


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

位置:bower\u components\bootstrap material design\bower.json

对于仅添加material-fullpalete.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"
  ],

然后,如果您运行grunt,它将自动包含在主程序包中。

非常感谢!这很有效;)我已经手动添加了和之间的行,但您的解决方案效果更好!