css - 在不破坏 CSS 的情况下使用基于 Bootstrap 的 AngularJS 库

Question

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

我现在需要的是

• 日期选择器
• 模态
• 工具提示

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

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

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

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

Answer 1

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

我们所做的是包含 Bootstrap JS。然后有选择地选择需要的bootstrap css。这样做使我们能够使用 Datepicker & Modal。 (不过，最近我发现了一些更好的 Angular 日期选择器——而 Angular 用户界面日期选择器不具备我一直在寻找的可用性)。

所以看来你可能缺少的是 Bootstrap 的JS。但如果没有看到您的代码，这真的很难说。

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

• ngQuickDate
• ng-bs-daterangepicker (对日期范围很有用)(尽管这个也有 BS 依赖)
• Jquery UI Datepicker (作为指令实现)