Как успешно импортировать bootstrap в html?

Вот мой код:

<!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">
    <title>WebCamera</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

</head>
<body>
    <div>
        <img src="{% url 'livefy' %}">
    </div>
    <br>
    <form action="http://localhost:8000/" method="post">
        {% csrf_token %}
        <button type="submit">Check Face</button>
    </form>
    <h6>Name:{{n}}</h6>
    <h6>Id:{{i}}</h6>
    <div class="container-sm">100% wide until small breakpoint</div>
    <div class="container-md">100% wide until medium breakpoint</div>
    <div class="container-lg">100% wide until large breakpoint</div>
    <div class="container-xl">100% wide until extra large breakpoint</div>
    <div class="container-xxl">100% wide until extra extra large breakpoint</div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
</body>
</html>

и я хочу знать, почему мой bootstrap не работает?

Использую windows 11,python 3.11,bootstrap 5.3,django 5.0.2 Пожалуйста, помогите мне!

Я думаю, что все должно работать отлично. Вам просто нужно применить классы Bootstrap. Например, ваша кнопка должна использовать

class="btn"

Вот из документации по bootstrap:

<button type="button" class="btn">Base class</button>

Вот ссылка на документ:

https://getbootstrap.com/docs/5.3/getting-started/introduction/

Вернуться на верх