javascript - 对 Bootstrap 主题和像 Angular 2 这样的框架之间的关系感到困惑吗?

标签 javascript css angular twitter-bootstrap-3 themes

我正在使用 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-bootstrapngx-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/

相关文章:

css - 响应式 CSS 导航行为异常

Angular HttpClient : Property 'headers' does not exist on type 'Blob'

javascript - 覆盖主干的解析函数

javascript - 如果 source1 超时并且当 source1 返回时,RxJS 从 source2 发出

javascript - 如何根据数据属性访问数组

html - 如何重新加载Angularjs中提交按钮的页面Onclick?

angular - 类型 'Observable<UI[] | Promise<any>>' 不可分配给类型 'Observable<UI[]>' 。类型 'UI[] | Promise<any>' 不可分配给类型 'UI[]'

node.js - 上传媒体文件后无法在 Angular 2中播放该文件,显示404未找到

javascript - 如何选择 Wicket Palete 中的所有可用选项?

javascript - 我使用 AngularJS 的 js 文件出现问题 : "Uncaught Error: [$injector:modulerr]"