Prezados,
Meu bootstrap funciona carregando ele no styles.css, com a linha:
@import "~bootstrap/dist/css/bootstrap.min.css";
Achei esse método até melhor do que mexer no angular.json pois posso retirar e colocar e ver o efeito sem parar a aplicação e sem erro de carregamento do bootstrap.min.css.map no navegador.
Eu tentei praticamente todas as soluções apresentadas no fórum até essa data do post. O curioso é que para alguns funcionou para outros não, pura ciência rs.
Ahh sim, ele carrega também usando as orientações do curso alterando o angular.json
Em todo caso ele muda a fonte e aceita as classe do bootstrap, mas a imagem não redimenciona usando a classe "img-thumbnail".
Acessando o link só da imagem o proprio navegador ja faz esse trabalho de redimensionar a imagem sem comando nenhum rs.
Tentei alguns comandos,
<!-- <img class="img-fluid img-thumbnail rounded" [src]="url" > -->
<!-- <img class="img-fluid col-sm-6 height auto max-width: 100%; height: auto;" [src]="url" >-->
E este foi o que funcionou, dando o zoom na imagem: <img class="col-7" [src]="url">
ou "col-6 col-md-4"
Ja esse funciona lindamente "w-50 p-2"
Droga.. comecei a me interessar pelo bootstrap XD
Desinstalei o jquery, e o popper.js, ele funciona sem eles.
Meu sistema é o windows 10 pro 64bit 20H2 comp. 1904.1237
Navegador padrão Edge: Versão 93.0.961.47 (Compilação oficial) (64 bits)
Testei em outros navegadores, como Opera, Chrome e Firefox também.
Emfim, vou seguir assim mesmo