Django Todo Template with Bootstrap 5

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My Todo List</title>

    {% load static %}
    {# <link rel="stylesheet" href="{% static 'todo/style.css' %}"> #}

    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">

</head>
<body>
    <h1>Plan what you want to do!</h1>

    <form action="{% url 'todo-add' %}" method="POST">
        {% csrf_token %}
        <input type="text" name="plan">
        <input class="btn btn-primary" type="submit" name="submit" value="Save">
    </form>

    <ul>
       {% if todos %}
           {% for todo in todos %}
                {% if todo.status %}
                   <li class="my-3">
                       <strike>{{ todo.plan }}</strike> |
                       <a href="{% url 'todo-replan' todo.id %}" class="btn btn-success">Replan</a> |
                       <a href="{% url 'todo-delete' todo.id %}" class="btn btn-danger">Delete</a>
                   </li>
                {% else %}
                    <li class="my-3">
                       {{ todo.plan }} |
                       <a href="{% url 'todo-done' todo.id %}" class="btn btn-primary">Done</a> |
                       <a href="{% url 'todo-delete' todo.id %} " class="btn btn-danger">Delete</a>
                    </li>
                {% endif %}
           {% endfor %}
       {% endif %}
    </ul>

    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
</body>
</html>