3
respostas

Não carrega o bootstrap.min.css

Não estou conseguindo carregar o CSS, a imagem não fica responsiva, nem o estilo da fonte do H1 altera, segue meu json:

"styles": [
              "../node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.css"
            ],
`

quando eu copio o estilo do CSS do bootstrap e colo no src/styles.css ele funciona:

.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto; color: brown;}

então acredito que estou tendo algum problema na importação do bootstrap.min.css

alguém pode me ajudar?

3 respostas

Fala ai Lucioano, tudo bem? O diretório informado é válido? Ou seja, à partir do local onde encontra-se seu angular.json você precisa voltar uma pasta, depois acessar node_modules/... até o .css.

Pode ser problemas de cache também, tente parar o servidor do Angular e subir novamente.

Espero ter ajudado.

Bom dia Matheus, já fiz esse passos que vc citou e não deu certo.

vou continuar o treinamento sem esse teste no JSON e se no futuro tiver problema eu volto a postar aqui.

Boa Luciano, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.