angular - 我知道 Bootstrap,我可以在同一个项目中使用 MD Bootstrap 和/或 Angular Material 组件吗?

标签 angular twitter-bootstrap angular-material mdbootstrap

我已经非常熟悉 Bootstrap 一段时间了。我正在学习 Angular,现在正在查看 MD BootstrapAngular Material .

但是我有点困惑。这两个框架,特别是它们的组件,是否可以作为 Bootstrap 的补充?

我知道它们可以用来代替 Bootstrap,但是如果我喜欢 Bootstrap 并且只想使用 Angular Material 中的 2 个组件怎么办?

例如。侧导航

Bootstrap 没有原生的 sidenav,所以我想看看 Angular Meterials sidenav 是否可行...

最佳答案

MD BootstrapAngular Material是两个不同的包试图实现同一件事,提供现成的组件。

在当前的开发场景中,没有必要像过去那样使用 Bootstrap。现在,大多数时候 Bootstrap 用于布局结构化,如果您只想将其用于布局,则可以获得经过修剪的 Bootstrap 版本 (bootstrap-grid.min.css)。此外,Bootstrap 尝试支持大多数浏览器,包括 IE10 和 11。

另一方面,Angular Material 专注于组件及其行为。并且主要适用于所有现代浏览器(Chrome,主要是 Chrome),并且在布局方面几乎不提供任何内容。它确实支持主题化、自定义样式等。

你可以在你的项目中使用它们,它们都很稳定并且有很多社区支持。但他们以自己的方式非常不同。您最好只使用其中一个。

但是如果你真的需要一些组件,你仍然可以从 Angular Material 中导入单个模块,而不需要导入完整的 Material 模块并使用它,这确保了最小的包大小。所以我建议你使用 MD-bootstrap 作为主要组件库,并且可以从 Angular Material 中导入 2 或 3 个组件。您必须为 Angular Material 组件添加自定义样式。

关于angular - 我知道 Bootstrap,我可以在同一个项目中使用 MD Bootstrap 和/或 Angular Material 组件吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56800582/

相关文章:

angular - 在angular2中设置无效的无效表单控件

angular - 试图理解 RxJS 导入

javascript - jQuery,有没有办法在表单提交后在 URL 中设置 anchor ?

javascript - ng-model 绑定(bind)不适用于 ng-template

angular - 如何获取当前路由守卫

Angular 从子组件传递值以禁用父组件中的按钮

javascript - Bootstrap 3 和 Typeahead,如何将 JSON 数据放入下拉列表中

html - 由于位置 :relative, Bootstrap 网页已禁用输入

angular - 使用 NgModel 绑定(bind)到 Angular Material 的 radio 组输入

css - IE11 中与 Angular Material 相关的悬停问题