Agregar bootstrap en un proyecto con angular

angular.json

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.scss"
],
"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/@popperjs/core/dist/umd/popper.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

AngularBootstrap.txt

Instalar bootstrap en el proyecto
npm install bootstrap jquery @popperjs/core

Estos comandos instalaran las dependencias del bootatrap, jquery y el @popperjs/core que son necesarios para darle 
mejor potencial al funcionamiento del framework.

Luego de eso nos dirigimos al archivo “angular.json” y colocamos las siguientes instrucciones en los objetos “styles” 
y “scripts” en donde llamaremos a las propiedades css del bootstrap y las dependencias scripts correspondientes a 
las interacciones de cada uno

app.component.html

<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
  <a class="navbar-brand" href="#">DevConquer</a>

  <!-- Links -->
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="#">Link 1</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Link 2</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Link 3</a>
    </li>
  </ul>
</nav>

<div class="jumbotron">
  <h1 class="text-center">Welcome to angular 9 and bootstrap 4</h1>
</div>