Olá, tudo bem? Tenho acompanhado o curso de PHP e MySQL I, porém o menu de navegação da minha página não ficou com o mesmo estilo que na vídeo-aula. Já tentei utilizar o bootstrap mais recente, já tentei utilizar o do curso (que baixei do arquivo .rar). Porém, a minha barra de navegação fica transparente e o link fica azul normal, o que não condiz com o fundo preto e link cinza do vídeo.
Tenho me baseado no curso para criar o meu próprio controle de compras pessoal. O código do cabecalho.php é:
<html>
<head>
<title>Compras</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="compras.css">
</head>
<body>
<!-- Menu de navegação: no Bootstrap é a classe navbar -->
<div class="navbar navbar-inverse navbar-fixed-top"> <!-- Barra de navegação inversa e fixada no topo -->
<div class="container">
<!-- Nome da loja -->
<div class="navbar-header">
<a class="navbar-brand" href="index.php">Home</a>
</div>
</div>
</div>
<div class="container">
<div class="conteudo-principal">
O meu css compras.css é:
body {
margin: 50px;
}
.conteudo-principal {
padding: 40px 15px;
text-align: center;
}
.caixa-adicao {
border: 2px solid #C2CCCA;
margin: 7px;
}
body {
background-color: aliceblue;
}
body h1 {
margin-bottom: 40px;
}
input {
margin-bottom: 10px;
}
A imagem de como a minha página fica: https://ibb.co/gvnmuz
Tentei deletar os arquivos css para ver se o html estava referenciando corretamente estes e, estranhamente, deletar os arquivos não mudou em nada a aparência das minhas páginas.
Link para o projeto: https://github.com/pietroz123/PHP_e_MySQL_I-controle_compras
Vocês poderiam me ajudar?