Angular 2与Twitter Bootstrap 3和2

时间:2016-08-16 10:03:54

标签: twitter-bootstrap angular twitter-bootstrap-3

目前我们有一个在Angular 1.4中构建的Main应用程序,它使用Twitter bootstrap 2.3.2

此应用程序包含使用由不同应用程序团队构建的Angular 1.4构建的不同组件,

我们想要使用Angular 2创建更多新组件, 我们想在Angular 2中使用Twitter bootstrap 3。

我的问题是,由于主应用程序使用Twitter bootstrap 2,我的新Angular 2组件应该使用Twitter Bootstrap 3,我希望我的新Angular 2组件可以放在我的主应用程序中。

我应该在哪里加入Twitter Bootstrap 3引用,因为我已在我的主应用程序Index.html中引用Twitter Bootstrap 2

我不认为使用Angular 2的StyleUrl包含Twitter BS3是一个好习惯,它将在多个组件中重复。

请提供一些设计建议......

1 个答案:

答案 0 :(得分:0)

很少有方法可以:

  1. 将网站分解为大型组件或页面,这样您就可以根据自己的意愿自由使用组件/页面,每个组件扫描都有自己的样式指南和自己的JS框架。
  2. 使用bootstrap 2和bootstrap 3中的主题并尝试创建自己的css框架,然后您可以按照自己的方式使用它,大多数公司会根据主题更改CSS指南。 (这个过程可能会导致许多错误,你必须小心)