Question

I am new to Angular Material 2. How can I achieve responsive theaming?

Answer 1

您可以使用大量框架。您可以使用非常稳定的Bootstrap，Material和Zurb Foundation：

对于材料： npm install --save @ angular / material @ angular / cdk

您也可以从这里获得帮助：https://material.angular.io/guide/getting-started

对于Bootstrap 3： npm install bootstrap@3.3.7 --save

对于Bootstrap 4： npm install bootstrap --save

如果您在本地添加了Bootstrap CSS文件，只需将其导入.angular-cli.json

"styles": [
  "../node_modules/bootstrap-3.3.7-dist/css/bootstrap.min.css",
  "styles.scss"
],
If Bootstrap 4 then:
"styles": [
  "../node_modules/bootstrap/dist/css/bootstrap.min.css",
  "styles.scss"
],

您可以参考以下链接： https://codingthesmartway.com/using-bootstrap-with-angular/

对于Zurb Foundation，您可以参考此博客： https://shermandigital.com/blog/zurb-foundation-with-angular-cli/

Any reference for Angular material 2 responsive?

1 个答案: