问题描述
我已尝试遵循有关引导程序的教程 https://www.youtube.com/watch?v=8KoUzchViH0&t=1457s 我想我在教程中做了一切，但它不起作用:c.(折叠按钮正在显示，但当我按下它时什么也没有发生.我从引导程序网站上获取模板，所以我认为每个 js 和 css 都应该附加.
(test.css为空，{% load static %}来自django框架)
{% load static %}<头><title>Strona testowa/Hobbyist.pl</title><meta name="viewport" content="width=device-width, initial-scale=1"><!-- 引导程序--><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9TwMcrossorigin="匿名"><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSXEv+nYRRuWlolflfl" crossorigin="anonymous"><!-- ... --><link rel="stylesheet" href="{% static 'css/test.css' %}"><身体><nav class="navbar navbar-dark bg-dark navbar-expand-md"><!-- m (margin) l/r/t/b (x=l+r, y=t+b) - wartość ekranu - wartość marginu d (diaplay) - wartość ekranu - wartość displayu --><h1 class="navbar-brand"><img src="{% static 'logo.png' %}" style="width:30;height:30;"class="mr-2 d-none d-md-inline-block align-bottom"></img>导航栏</h1><!-- 先订购-切换器 przed 徽标 --><button class="navbar-toggler" type="button"><span class="navbar-toggler-icon"></span><div class="collapse navbar-collapse">测试</nav></标题><!-- 预定义容器引导程序--><!-- maksymalna wielkość (dalej sie nie "rozlewa") --><div class="容器"><!-- wiersz gx-() gy-() odstępy między elementami--><div class="row gy-0"><!-- domyślnie pionowo col-sm-6 col-md-4 col-xl-3 (12 kolumn zajmij 4 w widoku small (576px-767px) możliwości: xs sm md lg xl --><div class="col-sm-6 col-md-5 offset-md-1"><!-- img-fluid = style="max-width:100%;height:auto;"--><img class="img-fluid" src="https://antykorupcja.gov.pl/dokumenty/zalaczniki/4/4-16841.jpg"></img><p>Lorem ipsum dolor sat amet, consectetur adipiscing elit.整数前庭 ullamcorper quam, vel auctor odio sagittis quis.Fusce auctor tristique odio, sed moestie purus finibus 等.Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Nunc porttitor leo ante, at egestas libero tempor iaculis.Donec ligula diam, dignissim et arcu at, sodales mollis mauris.Proin quis magnatellus.Morbi posuere faucibus massa，在molestie sem commodo at.Vivamus iaculis neque erat, eu vulputate mauris cursus 坐在 amet.Praesent vitae justo neque.Nunc et elementum totortor.</p>
<div class="col-sm-6 col-md-5"><img class="img-fluid" src="https://www.wykop.pl/cdn/c3201142/comment_HRdOdvKNI54mPFZ37Ilw3L49tj2NfKGE.jpg"></img><p>Lorem ipsum dolor sat amet, consectetur adipiscing elit.整数前庭 ullamcorper quam, vel auctor odio sagittis quis.Fusce auctor tristique odio, sed moestie purus finibus 等.Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Nunc porttitor leo ante, at egestas libero tempor iaculis.Donec ligula diam, dignissim et arcu at, sodales mollis mauris.Proin quis magnatellus.Morbi posuere faucibus massa，在molestie sem commodo at.Vivamus iaculis neque erat, eu vulputate mauris cursus 坐在 amet.Praesent vitae justo neque.Nunc et elementum totortor.</p>