title: Angular4 : How to merge three project which has two different bootstrap version
body: <p>I have three projects (<code>website</code>, <code>employer</code>, and <code>admin</code>). All of them are base on <code>Angular4.4.4</code>. It is almost complete. But I want to merge all of them and make it one project. I proceed according to following structure.</p>
  
  <p>First, I made another empty fresh project, and add <code>website</code>, <code>admin</code>, and  <code>employer</code> as a module inside of this project. the routes look like this.</p>
  
  <pre><code> {
      path: '', 
      loadChildren:"./website/website.module#WebsiteModule"  
    },
    { path: 'login', component: LoginComponent },
    {
      path: 'feed',
      loadChildren: 'app/website/feed/feed.module#FeedModule'
    },
    {
      path: 'admin',
      loadChildren: './admin/admin.module#AdminModule',
    },
    {
      path: 'employer',
      loadChildren: './employer/employer.module#EmployerModule',
    },
  </code></pre>
  
  <p>Now, The problem is that <code>website</code> use <code>Bootstrap v4.0.0-alpha.6</code>, <code>admin</code> use <code>Bootstrap v3.3.7</code>, and <code>employer</code> use same as admin <code>Bootstrap v3.3.7</code></p>
  
  <p>So my question is, is there any way to use that specific version of bootstrap for specific modules?</p>
  
  <p>If not, what is the best way to merge it.</p>