Jak dodać bootstrap w formularzu logowania?

<div class="form-group mt-5">
    <form method="POST">
        {% csrf_token %}

        <h1 class="h3 mb-3 fw-normal">Please Login</h1>

        <div class="mb-3">
            <input type="email" name="Email"
                class="form-control form-control-dark text-bg-dark custom-placeholder form-control-lg" name="name"
                placeholder="email">
        </div>

        <div class="mb-3">
            <input type="password" name="Password"
                class="form-control form-control-dark text-bg-dark custom-placeholder form-control-lg" name="name"
                placeholder="password">
        </div>

        <div class="form-check my-3">
            <input class="form-check-input" type="checkbox" name="remember_me" value="remember-me"
                id="flexCheckDefault">
            <div>
                <label class="form-check-label text-light" for="flexCheckDefault">Remember me</label>
                <a href="#" class="float-end"><small class="text-light">
                        Forgot password</small></a>
            </div>
        </div>

        <button class="btn btn-primary w-100 py-2" type="submit">Submit</button>
        <p class="mt-3 text-center">
            <small class="text-light">Don't have account?
                <a href="#" class="text-light">Register here</a>
            </small>
        </p>
        <hr>
    </form>
    <!-- <form action="" method="post">
        {% csrf_token %}
        {{ form.as_p }}
        <button class="btn btn-primary w-100 py-2" type="submit">Submit</button>
    </form> -->
</div>

<input type="password" name="Password"
    class="form-control form-control-dark text-bg-dark custom-placeholder form-control-lg" name="name" (!tutaj!)
    placeholder="password">

<form method="POST" action="{% url 'account_login' %}">
    {% csrf_token %}

    <h1 class="h3 mb-3 fw-normal">Please Login</h1>

    <div class="mb-3">
        <input type="email" name="email"
            class="form-control form-control-dark text-bg-dark custom-placeholder form-control-lg"
            placeholder="email">
    </div>

    <div class="mb-3">
        <input type="password" name="password"
            class="form-control form-control-dark text-bg-dark custom-placeholder form-control-lg"
            placeholder="password">
    </div>

    <div class="form-check my-3">
        <input class="form-check-input" type="checkbox" name="remember_me" value="remember-me"
            id="flexCheckDefault">
        <div>
            <label class="form-check-label text-light" for="flexCheckDefault">Remember me</label>
            <a href="#" class="float-end"><small class="text-light">
                    Forgot password</small></a>
        </div>
    </div>

    <button class="btn btn-primary w-100 py-2" type="submit">Submit</button>
    <p class="mt-3 text-center">
        <small class="text-light">Don't have account?
            <a href="#" class="text-light">Register here</a>
        </small>
    </p>
    <hr>
</form>