如何在AngularJS的选定页面中使用bootstrap css和javascript？

Question

我正在使用MetroUI CSS开发webapp。在开发了几页后，我了解到它的CSS与Bootstrap的css冲突，所以我从项目中删除了Bootstrap的css。

现在在另一个页面中我需要包含一个来自Bootstrap的CSS的类。如果不将css与MetroUI css冲突，我怎么能这样做呢？

Answer 1

听起来你正试图在你的webapp中同时使用MetroUI和Bootstrap。由于这些是两个不同的库/框架，试图做很多相同的事情，你会发生冲突，不幸的是这是不可避免的。

我的建议是选择你计划使用最多的那个，然后在你自己的自定义样式表中覆盖你想要的任何样式。

例如：您喜欢MetroUI的大部分内容，但更喜欢Bootstraps按钮的外观。那么你可以参考MetroUI，然后拉出你喜欢的引导按钮样式，并将它们包含在自定义样式表中（确保覆盖任何你不喜欢的MetroUI样式）。然后在MetroUI之后引用您的自定义样式表，它将使用您包含的Bootstrap按钮样式覆盖MetroUI。