Fala galera! Eu comprei o livro de Francisco Marcelo de Barros Maciel, para aprender sobre o framework Django e desenvolvimento web .
Mas não tô conseguindo arrumar o projeto, muitos arquivos estavam descontinuados e com edereços web perdido (famoso 404). Não estou dizendo que tá errado, mas desatualizado.
Enfim a minha dúvida é sobre como eu coloco a barra de navegação na página … tô apanhando muito mas sempre fica igual a foto:
Segundo o livro é pra ficar assim:
E não aparece a barra e não fica igual as imagens de referência do livro. Alguém sabe o por quê disso? Eu estou com duvída se é por causa da versão do Bootstrap.min.css
Meus códigos py e html:
base.html:
{% load static %}
<!doctype html>
<html>
<head>
<!-- tags metas obrigatórias-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initinal-scale=1,
shrink-to-fit=no">
<link rel="stylesheet" href="{% static 'css/boostrap.min.css' %}">
<title>
Nheenga
</title>
</head>
<body>
{% include 'snippets/barra_navegacao.html' %}
{% block conteudo %}
{% endblock conteudo %}
{% include 'snippets/rodape.html'%}
<!--- Testando JQuery, Popper.js e Bootstrap JS - biblioteca JS-->
<script src="{% static 'js/boostrap.min.js' %}"></script>
<script src="{% static 'js/popper.min.js' %}"></script>
<script scr="{% static 'js/jquery-3.6.1.slim.min.js' %}"></script>
</body>
</html>
barra_navegacao.html:
nav class="navbar navbar-expand-lg navbar-light bg-primary">
<a class="navbar-brand text-light" href="/">
Nheenga
</a>
<button class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse"
id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link text-light" href="/">
Página Principal
</a>
</li>
<li class="nav-item">
<a class="nav-link text-ligth" href="/ajuda/">Ajuda</a>
</li>
</ul>
</div>
</nav>
