@Dr3g0nra1der
Backend Java Developer

Почему не применяется отступ в template django?

Делаю форму регистрации на Django. Все стили применились корректно, но провый отступ почему-то не хочет применяться корректно.

6366a114ac457067779589.png

registration.html
<div id="loginForm" class="card mt-5" style="width: 40vh; background-color: #F6F8FA">
            <form style="text-align: left" method="post">
                <div class="mb-3 mt-3 ms-3 me-3">
                    <label for="EmailInput" class="form-label">E-mail</label>
                    {{  form.email }}
                </div>
                <div class="mb-3 mt-3 ms-3 me-3">
                    <label for="NicknameInput" class="form-label">Отображаемое имя</label>
                    {{ form.password }}
                </div>
                <div class="mb-3 ms-3 me-3">
                    <label for="PasswordInput" class="form-label">Пароль</label>
                    {{ form.username }}
                </div>
                <div class="form-check mb-3 ms-3 me-3">
                    <input type="checkbox" class="form-check-input" value="" id="checkEmailSpam" checked>
                    <label for="checkEmailSpam" class="form-check-label">
                        Желаете ли вы получать новости Фонда МультиСны на корпоративную почту?
                    </label>
                </div>
                <div class="d-grid gap-2 col-6 mx-auto">
                    <button class="btn btn-success mb-3 mt-2" type="button" style="background-color: #44c96b" onclick="confirmationMessage()">Зарегестрироваться</button>
                </div>
            </form>
        </div>


forms.py
class AccountsForm(ModelForm):
    class Meta:
        model = Accounts
        fields = ['email', 'password', 'username', 'emailSpam']

        widgets = {
            "email": TextInput(attrs={
                "class": "form-control mb-3 mt-3 ms-3 me-3",
                "placeholder": "Email"
            }),
            "password": TextInput(attrs={
                "class": "form-control mb-3 mt-3 ms-3 me-3",
                "placeholder": "Пароль"
            }),
            "username": TextInput(attrs={
                "class": "form-control mb-3 mt-3 ms-3 me-3",
                "placeholder": "Имя пользователя"
            })
        }
  • Вопрос задан
  • 124 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы