使用基于bootstrap的AngularJS库而不破坏CSS

时间:2014-06-04 03:01:07

标签: css angularjs twitter-bootstrap angularjs-directive angular-strap

我正在开发一个AngularJS应用程序,CSS已经完成,只需添加功能。

我现在需要的是像

这样的东西
  • 日期拣货员
  • 模态
  • 工具提示

我喜欢使用angular-strap中的一些内容,但它基于bootstrap.css文件。

如果我不包含引导程序文件,它就不起作用。如果我包含它,它可以工作,但它打破所有,我的整个布局被破坏。如果我首先包含bootstrap.css,也会发生这种情况。

然后我尝试只从引导站点加载部分元素。例如,来自angular-strap的日期选择器说使用像工具提示这样的元素,所以我只使用bootstrap定制器使用工具提示css元素,然后它显示内联,而不是工具提示。

令人非常沮丧。有没有办法在不破坏现有应用程序的CSS的情况下添加这些令人惊叹的库?我某种程度上没有看到真正需要的东西。

1 个答案:

答案 0 :(得分:1)

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

我们所做的是包含引导程序JS。然后有选择地选择所需的bootstrap css。这样做可以让我们使用Datepicker&模态。 (虽然,最近我发现了一些更好的角度采样器 - 而且angularUI datepickers只是没有我想要的可用性。)

所以看起来你可能缺少的是JS for bootstrap。但是没有看到你的代码就很难说了。

根据您的要求,以下是我更喜欢的一些日期选择器: