title: How to add bootstrap in angular 6 project?
body: <p><img src="https://i.stack.imgur.com/Vu7xE.png" alt="app.component.html"></p>
  
  <p><img src="https://i.stack.imgur.com/aXBkB.jpg" alt="index.html"></p>
  
  <p><img src="https://i.stack.imgur.com/AuiVO.png" alt="app.component.ts"></p>
  
  <p>I have tried to add styles dependency in <code>angular.json</code> package but showing that the module not found. adding two of the bootstrap files.
  here is the screenshot of both the files</p>
  
  <p>the angular.json file is like this <a href="https://i.stack.imgur.com/fqIy0.png" rel="nofollow noreferrer">angular.json file</a></p>