javascript - Bootstrap 3 与当前的 AngularJS Bootstrap 指令兼容吗?

标签 javascript css twitter-bootstrap angularjs twitter-bootstrap-3

bootstrap 3 版本是否与当前的 AngularJS bootstrap 指令兼容?

我想在 AngularJS 中使用 Bootstrap 2.3.1 指令:

http://angular-ui.github.io/bootstrap/

使用 Bootstrap 3.0.0 CSS:

https://github.com/twitter/bootstrap/tree/3.0.0-wip/

为什么?

AngularJS 团队仍在为 v2.3.1 开发 JS 指令,需要时间 catch v3.0.0。我现在想开始使用 v3 CSS 网格语法。

https://github.com/angular-ui/bootstrap/issues/331

最佳答案

因此,http://angular-ui.github.io/bootstrap/元素依赖于 Bootstrap 的 JavaScript(它不包装它,不需要等等)。这些是从头开始编写的原生 AngularJS 指令,它们是轻量级的,并且可以很好地集成到 AngularJS 生态系统中。

唯一坚持 Bootstrap 元素的是 Bootstrap 的标记 (HTML) 和 CSS。

如果您问一个问题“我可以获取所有指令并将它们与 Bootstrap 3.0 一起使用吗”,答案是“视情况而定”。这实际上取决于 Bootstrap 3.0 是否决定更改其标记和相应的 CSS 类以及更改多少。我假设某些控件的标记已经更改,而其他一些则没有。

现在,关于 http://angular-ui.github.io/bootstrap/ 的好消息是大多数 HTML 标记和 CSS 类都封装在单独的 AngularJS 模板中。实际上,这意味着您可以获取指令的 JavaScript 代码并仅更改标记(模板)以适应 Bootstrap 3.0。

所有模板都位于此处: https://github.com/angular-ui/bootstrap/tree/master/template 通过浏览它们,您应该知道更新标记非常简单而不会弄乱 JavaScript。这是本元素的设计目标之一。

我鼓励您简单地尝试一下,看看 Bootstrap 3.0 的 CSS 如何与现有的指令和模板一起工作。如果您发现任何问题,您可以随时将模板更新到 Bootstrap 3.0(并将它们贡献回元素!)

关于javascript - Bootstrap 3 与当前的 AngularJS Bootstrap 指令兼容吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16327846/

相关文章:

javascript - 我怎样才能在我的网站上制作一个实时线程(vidiprinter)类型的部分?

javascript - 了解 || 的使用在代码中

html - 调整视口(viewport)大小时 Bootstrap 出现意外行为

twitter-bootstrap - Bootstrap 3 : adding a new set of columns

java - GWT:全局 javascript 覆盖类型

javascript - 使用通配符判断 url 中是否存在图像

javascript - 更改单选按钮的外观

javascript - 你如何处理特定于浏览器的 .js 和 .css

javascript - 如何通过搜索包含的 div 的 id 从容器中删除类?

css - Bootstrap - 删除输入控制线