在我的 Django 项目中使用 Crispy 表单，输入字段似乎太小

Question

当我看到其他示例时，人们可以使整个字段全屏显示。像这样：

但是我的屏幕上显示的内容太小：

我该如何修复它？ 作为参考，我正在使用 Bootstrap v4.5.3

代码： 模型.py

from django.db import models
from django.utils import timezone
from django.core.validators import FileExtensionValidator

# Create your models here.
class Video(models.Model):
    title = models.CharField(max_length=100)
    description = models.TextField()
    video_file = models.FileField(upload_to='uploads/video_files',
                                  validators = [FileExtensionValidator(allowed_extensions=['mp4', 'mkv'])])
    thumbnail = models.FileField(upload_to='uploads/thumbnails',
                                 validators = [FileExtensionValidator(allowed_extensions=['png', 'jpeg', 'jpg'])])
    date_posted = models.DateTimeField(default=timezone.now)

create_videos.html

{% extends 'videos/base.html' %}
{% load crispy_forms_tags %}

{% block content %}
<div class="container mb-5">
    <div class="row justify-content-center">
        <div class="col-md-6 col-sm-12 col-xs-12">
            <form method="post" enctype="multipart/form-data">
                {% csrf_token %}
                <legend class="border-bottom mb-4">Upload video</legend>
                {{ form | crispy }}
                <div class="col-md-4 ml-auto">
                    <button class="btn btn-outline-primary btn-block mt-3">Upload</button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock content %}

我已经尝试过：

• 搞乱第三个来改变 col-md 大小。
• 使用 {{ form.field | 编辑单个字段（主要是“标题”和“描述”） as_crispy_field }}.

Answer 1

根据您表单的样式，我想说 django-crispy-forms 的 bootstrap 4 模板包未正确应用。根据脆皮表格文档，您必须安装模板包并将其添加到您的设置中。

确保您已安装脆皮引导4。

pip install crispy-bootstrap4

你的settings.py应该有这个：

    INSTALLED_APPS = (
    ...
    "crispy_forms",
    "crispy_bootstrap4",
    ...
)

CRISPY_ALLOWED_TEMPLATE_PACKS = "bootstrap4"

CRISPY_TEMPLATE_PACK = "bootstrap4"

链接： https://pypi.org/project/crispy-bootstrap4/