选择bootstrap与材料设计

时间:2014-12-12 06:49:26

标签: angularjs twitter-bootstrap-3 material-design angular-material

我将使用AngularJS(完整堆栈)开始新项目。我的项目需要响应,我将从头开始创建模板。

所以我需要一个关于是否选择bootstrap 3(带角度指令)或布局材料设计的建议?

如果有人能列出专业人员,我会非常感激。两者的缺点。

1 个答案:

答案 0 :(得分:137)

据我所知,您可以单独或一起使用所有提到的技术。它取决于你。我想你从错误的角度来看问题。 Material Design就是页面特定元素的设计,行为和组合方式。 Material Design提供了出色的UI / UX,但它依赖于图形布局(HTML / CSS)而不是JS(事件,交互)。

另一方面,AngularJS和Bootstrap是前端框架,可以通过编写大量代码来节省您的开发速度。例如,您可以使用AngularJS构建Web应用程序,但不使用Material Design。或者您可以使用Material Design构建简单的HTML5网页,而不使用AngularJS或Bootstrap。最后,您可以构建使用带有Bootstrap 的AngularJS和带有Material Design的的Web应用程序。这是最好的方案。所有技术都相互支持。

  1. Bootstrap = 响应式页面
  2. AngularJS = MVC
  3. Material Design = 出色的UI / UX
  4. 您可以查看AngularJS的真棒材料设计组件

    https://material.angularjs.org


    enter image description here

    演示: https://material.angularjs.org/latest/demo/ enter image description here