Bootstrap: Getting Started
Bootstrap is a powerful CSS framework for building responsive and visually appealing web pages and applications, making the development process smoother and more efficient. If you're working with Django, integrating Bootstrap can significantly enhance your user interface.
Getting Started
You don't need to download Bootstrap if you want to leverage its features through a CDN. Add the following code snippet to the <head>
section of your HTML file:
base.html
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- base.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}My Site{% endblock %}</title>
<!-- Start Bootstrap CDN -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<!-- End Bootstrap CDN -->
</head>
<body>
<!-- Main content of the page will be inserted here -->
{% block content %}{% endblock %}
</body>
</html>
Using Bootstrap
Video Player is loading.
Loaded: 0%
Current Time 0:00
/
Duration -:-
- , opens subtitles settings dialogsubtitles settings
- , selectedsubtitles off
1x
- 2x
- 1.5x
- , selected1x
- 0.5x
This is a modal window.
The media could not be loaded, either because the server or network failed or because the format is not supported.
Beginning of dialog window. Escape will cancel and close the window.
End of dialog window.
Tout était clair ?
Merci pour vos commentaires !
Section 5. Chapitre 4
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion