使用基于引导程序的 AngularJS 库而不破坏 CSS答案

【问题标题】：using bootstrap based AngularJS libraries without breaking CSS使用基于引导程序的 AngularJS 库而不破坏 CSS
【发布时间】：2014-07-24 13:29:14
【问题描述】：

我有一个 AngularJS 应用程序正在开发中，CSS 已经完成，只是添加了功能。

我现在需要的是像

这样的东西

我很想使用angular-strap 中的一些东西，但它基于 bootstrap.css 文件。

如果我不包含引导文件，它就不起作用。如果我包含它，它会起作用，但它会破坏一切，我的整个布局都会被破坏。如果我首先包含 bootstrap.css，也会发生这种情况。

然后我尝试仅从引导站点加载部分元素。例如，angular-strap 的日期选择器说要使用工具提示之类的元素，所以我只使用引导定制器的工具提示 css 元素，然后它显示但内联，不再是工具提示。

这很令人沮丧。有没有办法在不破坏现有应用程序的 CSS 的情况下添加这些令人惊叹的库？我不知何故没有看到真正需要什么。

【问题讨论】：

查看这个答案stackoverflow.com/a/8892414/3116322（总结：Bootstrap 非常适合新建项目，但它的设计目的不是为了便于集成到现有项目中）
谢谢！我去看看

【解决方案1】：

我公司的项目处于完全相同的情况。我们使用 Foundations 进行网格布局。但是我们想使用像 AngularUI 这样基于基础的东西。

我们所做的是包含引导 JS。然后有选择地选择需要的引导 css。这样做使我们能够使用 Datepicker & Modal。（虽然，最近我发现了一些更好的 angular 日期选择器 - 而 angularUI 日期选择器只是没有我想要的可用性）。

看来您可能缺少的是用于引导程序的 JS。但是没有看到你的代码真的很难说。

根据您的要求，这里有一些我更喜欢的日期选择器：

【讨论】：