así que estoy trabajando con Django por primera vez y estoy siguiendo un tutorial, se usa bootstrap para la barra de navegación, así que agregué el CSS de bootstrap, funcionó, pero el JavaScript de bootstrap no funciona, lo sé porque cuando el tamaño de la pantalla se reduce, aparece una barra de menú en lugar de los elementos de la barra de navegación, pero no funciona cuando se hace clic en ella. ¿Cómo puedo arreglar esto?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CRMain</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> </head> <body> {% include "accounts/navbar.html"%} {% block content %} {% endblock %} <hr> <h5>footer</h5> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> </body> </html>2 capturas de pantalla del antes y el después:- https://i.stack.imgur.com/7I5he.png https://i.stack.imgur.com/JteLC.png
<script> no se validará fuera de las etiquetas <body> o <head> .
<html> .... <body> .... <script type="text/javascript" src="....."></script> </body> </html>