Как успешно импортировать 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/