📜  Angular Material 和 Bootstrap 的区别

📅  最后修改于: 2022-05-13 01:56:40.896000             🧑  作者: Mango

Angular Material 和 Bootstrap 的区别

Angular Material: Angular 是一个开源框架,使用 TypeScript 编写。 Angular 框架由 Google 组织官方维护,其主要目标是开发和设计单一网页应用程序。 Angular Material 是为 Angular JS 开发人员开发的用户界面模块。这个 Material 模块有助于构建闪亮、自信和有吸引力的基于 Web 的应用程序。 Angular Material 组件的灵感来自 Google Material Design。它创建于 2014 年。

Bootstrap:没有一个 Web 开发人员可以通过忽略 Bootstrap 来设计基于 Web 的应用程序。 Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架,旨在设计和开发响应式网站。 Bootstrap 框架是开源的,可以免费下载和使用。主要是 Bootstrap 框架在前端工作,其中包括按钮、表格、导航等的设计模板。它创建于 2011 年。

Angular Material 和 Bootstrap 的区别:

Angular Material

Bootstrap

Angular Material consists of UI/UX components in Angular.Bootstrap is an open-source CSS framework. 
Angular Material Framework is managed and maintained by Google Organization.Bootstrap Framework is developed by Twitter Blueprint.
Angular Material component offers enhanced user-interface to users.Bootstrap framework offers a simple, neat, and clean user-interface to users.
Angular Material Framework provides a plain card for UI design. Bootstrap provides plenty of color-specific options rather than cards.
Unique components found in Angular Material Framework are snackbar, chips, progress spinner, sort headers, icon, etc.Unique components found in the Bootstrap framework are alerts, collapse, jumbotron, breadcrumb, etc.
Angular Material Framework can be used to design High-quality websites and web apps that are mobile-friendly.Bootstrap Framework can be used for developing cross-platform apps that work well on desktops. 
Angular Material Framework does not support the Responsive Oriented Approach (ROA).Bootstrap Framework supports the Responsive Oriented Approach (ROA).
Angular Material Framework provides alternatives for buttons which are Primary, Warm, Accent, Link, Disabled, etc.Bootstrap offers around 8 color alternates which are, Primary, Secondary, Danger, Success, Dark, Info, Link, and Warning. 
Waaark is an example of a Material-based websiteApple Music is an example of a Bootstrap-based website