我有一个项目应该同时使用AngularJS和Bootstrap(http://getbootstrap.com/)来获取警报和流程指标。
但是当我包含Bootstrap的css文件时,它混合了Application,那么其他css文件的定义似乎被覆盖了。
如何在同一个应用程序中使用这两个框架?
我已经尝试了几乎所有我知道但未成功将这两者结合在同一个应用程序中。
致以最诚挚的问候,
答案 0 :(得分:11)
不。 Bootstrap基于jQuery驱动的心态,它从根本上被组件化为DOM操作的孤立状态机。 Angular基于一个完全不同的思想过程,该过程基于Angular $ digestion和HTML编译。
如果必须合并它们,请仅执行CSS。具有适配器的两组状态机引入了开销,并且存在不需要存在的人为错误的空间。我建议编写自己的角度指令,利用Bootstraps CSS,但不要试图将两者集成到JS级别的一个应用程序中。
已经有一些项目试图通过指令来做到这一点,这是一个好主意。我建议使用不依赖于jQuery的bootstrap指令项目,它是一个原生的Angular实现,而不是将Bootstrap的jQuery代码调整为Angular。
UPDATE 现在有一个纯角度版本的bootstrap。在这里找到它 - > http://mgcrea.github.io/angular-strap/
答案 1 :(得分:0)
bootstrap 3.0有一个单独的分支,其中包含更新的模板。它似乎与Bootstrap 3.0 CSS一起使用:http://github.com/angular-ui/bootstrap/tree/bootstrap3_bis2。
来自https://stackoverflow.com/users/1232563/calm的关于此问题Bootstrap 3 compatible with current AngularJS bootstrap directives?
的引用