选择引导程序与材料设计[关闭]答案

【问题标题】：Choosing bootstrap vs material design [closed]选择引导程序与材料设计[关闭]
【发布时间】：2015-02-10 20:25:21
【问题描述】：

我将使用 AngularJS（全栈）开始新项目。我的项目需要响应，我将从头开始创建模板。

所以我需要关于是选择 bootstrap 3（带有角度指令）还是布局材料设计的建议？

如果有人能列出两者的优缺点，我将不胜感激。

【问题讨论】：

github.com/FezVrasta/bootstrap-material-design
bootstrap 背后有一个强大的社区。它的网格系统具有更多的功能。材料设计决定了您开发用户界面和样式的方式。它具有现代的 ui 元素。你可以在这里阅读更多内容tutorialzine.com/2015/07/comparing-bootstrap-with-mdl
如果您必须支持 IE8/9，那么 Material Design 将无法工作，因为它使用 Flexbox 网格布局。我现在甚至会使用 angular ui bootstrap，因为它比具有很多错误的材料设计更成熟......
开发环境也可能是一个考虑因素。在 Visual Studio 2015 中，Bootstrap 已经成熟并得到很好的支持。我发现材料并非如此，因此目前没有使用它。有兴趣看看其他使用 VS2015 的人是否有这个结论。
我想指出，MD 的内联样式很痛苦。当 BS 拥有我需要的大部分东西时，我也不想将两者混为一谈。我非常喜欢 MD，但会等到它更加成熟并摆脱内联样式（我在他们正在研究的地方读到，虽然我现在找不到它）。

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

【解决方案1】：

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

另一方面，AngularJS 和 Bootstrap 是前端框架，可以让您免于编写大量代码，从而加快您的开发速度。例如，您可以使用 AngularJS 构建 Web 应用程序，但无需 Material Design。或者您可以使用 Material Design 构建简单的 HTML5 网页，而无需 AngularJS 或 Bootstrap。最后，您可以构建将 AngularJS 与 Bootstrap 和与 Material Design 结合使用的 Web 应用程序。这是最好的情况。所有技术相互支持。

Bootstrap = 响应式页面
AngularJS = MVC
材料设计 = 出色的 UI/UX

您可以查看很棒的材料设计组件 for AngularJS：

https://material.angularjs.org

演示： https://material.angularjs.org/latest/demo/

【讨论】：

这可能也是一个有用的站点：materialup.com/resources，它提供了 Material Design 框架的概述，包括。 fezvrasta.github.io/bootstrap-material-design
@MathiasConradt 第一个 URL 不再存在。我猜你的意思是materialup.com/posts/c/resources
这不是一个非常准确的描述...材料和引导程序都提供了响应式设计和出色的 UI/UX。 MD 似乎更适合移动收视率。
区分 material design 和 angular material 很重要。 Material design是一个design language，angular material只是一个使用MD的UI组件库。我相信你可以找到使用材料设计的引导主题和扩展。
我想回应上面的@Jens。我希望拥有 Material 的外观和 UI 效果，同时仍然拥有 Bootstrap 的灵活性和熟悉性供我使用。我想这是一个选择问题。