Inclusao do bootstrap no angular

Boa noite pessoal! Estou fazendo o curso de angular, e estou reproduzindo os passos do professor. Porém para a inserção do bootstrap está dando algum problema. Segui os seguintes passos: 1- Iniciei o projeto em uma pasta qualquer; 2- fiz a instalação do bootstrap

npm install --save bootstrap

3- modifiquei a importação do estilo:

"build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/alurapic",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.css"
            ],
            "scripts": []
          },

4- utilizo o estilo na página:

<h1>{{title}}</h1>
<img class="img-thumbnail" [src]="endereco" [alt]="meuTitulo">  

5- app-component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Meu titulo';
  endereco='http://ominutodosaber.files.wordpress.com/2011/12/pica-pau.jpg';
  meuTitulo='titulo personalizado'

}

6- ctrl + c para parar o servidor, depois ng serve --open

Porém a página nao muda.

Alguma dica?