2 maneiras simples de instalar o Bootstrap em um projeto Angular

O que é o Bootstrap

O Bootstrap é um framework css para criar um front-end responsivo para qualquer tamanho de tela.

Conteúdo de exemplo

Troque o conteúdo do arquivo app.component.html pelo conteúdo abaixo. Esse é só um teste para você ver o resultado conforme eu mostrei no vídeo. Nesse arquivo tem um exemplo de 2 componentes e um formulário para que você possa ver a mudança ocorrendo.

app.component.html

 

Lembrando que para você ver o resultado você pode executar a aplicação rodando o comando abaixo.

 

Template inicial

Esse template serve para os 2 tipos de instalação do Bootstrap.
Troque o conteúdo do arquivo index.html pelo conteúdo abaixo

 

Maneira 1: Instalação com CDN

CDN é abreviação de Content Delivery Network (ou Rede de Distribuição de Conteúdo). É uma rede de servidores(pontos de presença) que armazenam réplicas do conteúdo de outros sites na memória (cache) e depois os entrega aos visitantes, baseando-se na localização geográfica para conectá-los ao servidor mais próximo e mais rápido, reduzindo o tempo de transferência dos dados (latência).
Fonte: [https://www.gocache.com.br/cdn/]

Dito isso, o Bootstrap tem seu próprio CDN para armazenamento dos arquivos de css e javascript.

CSS

Javascript

Basta copiar o conteúdo acima e colocar no arquivo index.html que a instalação estará concluída.

index.html

A partir de agora você pode ver o resultado.

 

Maneira 2: Instalação com NPM

O npm é um gerenciador de pacotes para JavaScript. Para usar o npm é instalado junto com o Node.js, logo você precisa instalar o Node.js para que você consiga rodar os comandos do npm.

O primeiro passo é instalar o Bootstrap, jquery e o popper na aplicação rodando o comando abaixo.

Agora no arquivo angular.json você adiciona os arquivos do Bootstrap nos nós styles e scripts que ficam no caminho architect.build.options conforme abaixo. Você precisa colocar os arquivos na mesma ordem abaixo.

angular.json

A partir de agora você pode ver o resultado.

 

Referências