我正在使用 Angular2 构建一个应用程序,并希望使用 Bootstrap 作为我的 css 框架。我不是 UI 专家,因此我希望购买/使用 Bootstrap 主题。
根据我的理解,如果我使用 Bootstrap 主题,应该提供一些 .css 文件,一旦包含在我的 html 中,我将能够使用标准 Bootstrap 类或主题中的自定义类为了实现该主题的外观。
但是,当我查看各种主题时,不仅仅是 css,通常还有多个不同的 .js 文件和该主题中包含的其他第 3 方组件的许多其他库。
此外,我遇到了基于 Angular 2(这是我的应用程序框架)的“ native ”组件构建的 Bootstrap 主题,但我正在努力理解 Angular 2 与 Bootstrap 主题的关系或方式。如果 Bootstrap 3 用于样式化,那么它和任何 Bootstrap 主题不应该与 Angular 2/React 等任何框架无关吗?
如果您能提供任何帮助或资源来澄清这些要点,我们将不胜感激。
最佳答案
Bootstrap uses jQuery and it's clear and obvious that jQuery and Angular are two different frameworks written above JavaScript. So in my personal opinion I think we shouldn't mix up two different frameworks on a single project project (either use jQuery or use Angular).
但是在您使用 Angular 的情况下,您只能将 Bootstrap 的 CSS 用于布局和样式,而不是使用 Bootstrap 的默认组件,这些组件是在 jQuery 上编写的(如模态、下拉列表等),有可用的 Bootstrap 组件- 在不依赖 jQuery 的情况下使用 Angular 编写。你可以查看ng-bootstrap和 ngx-bootstrap几乎所有的 Bootstrap 组件都是完全用 Angular 编写的。
或者,还有另一个完整的 Angular UI 框架,它基于 Google 的 Material Design 规范,名为 Angular Material。 .目前 Angular 2 的 Angular Material 处于测试阶段。
还有官方UI的 bundle resources您可以通过 Angular 顺利使用和驾驶。
关于javascript - 对 Bootstrap 主题和像 Angular 2 这样的框架之间的关系感到困惑吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43906518/