Codigo HTML
<div class="container">
<div class="row">
<div class="col-md-6 mb-2">
<img
class="img-fluid d-none d-sm-block"
src="assets/img/savenovo.png"
alt="Imagem de um gato para as boas vindas"
/>
</div>
<div class="col-md-6">
<router-outlet></router-outlet>
<h2>Bem Vindo</h2>
</div>
</div>
</div>
o bem vindo não esta ficando do lado! Alguem pode me ajudar?
Olá Caio, tudo bom?
Quando utilizamos o framework Bootstrap em projetos Angular é necessário realizar a instalação do Bootstrap no projeto utilizando o npm e também informar ao angular que o projeto usará uma folha de estilo extra.
Para isso, é preciso passar o caminho da folha de estilo css do Bootstrap dentro do arquivo angular.json.
Neste arquivo, procure por styles, e adicione o seguinte trecho de código:
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.css",
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/font-awesome/css/font-awesome.css"
],
"scripts": []Verifica no seu projeto se existe esses caminhos do css do Bootstrap, salva e roda o projeto novamente.
Testa ai e me fala se deu certo.
Abraço.