Como eu faço pra ultilizar as classes do bootstrap, onde eu faço a referencia do bootstrap
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como eu faço pra ultilizar as classes do bootstrap, onde eu faço a referencia do bootstrap
Boa tarde, Jheimison
Para utilizar o Bootstrap, basta entrar no arquivo index.html e inserir a seguinte linha no dentro das tags head: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
Deverá ficar assim:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bytebank</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
</head>
<body>
<app-root></app-root>
</body>
</html>Caso a pergunta tenha sido por conta do SCSS que está faltando, foi adicionado um link para ele em seguida, mas vou colar aqui:
.titulo {
text-align: center;
font-size: 24px;
margin-bottom: 16px;
}
.tabela {
text-align: center;
margin: 0 auto;
background-color: white;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
&__cabecalho {
color: var(--primary);
&__conteudo {
padding: 10px;
border-bottom: 2px solid green;
}
}
&__linha {
margin-bottom: 10px;
border-radius: 4px;
&:last-child {
.tabela__conteudo {
border-bottom: none;
}
}
}
&__conteudo {
padding: 10px;
border-bottom: 1px solid var(--cinza-claro);
}
}