脆皮形式的定制场地django不起作用

Question

我想显示一个表格来创建帖子。我使用Crispy-Form，目前显示：

使用html模板：

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

{% block content %}
    <div class="content-section">
        <form method="POST">
            {% csrf_token %}
            <fieldset class="form-group">
                <legend class="border-bottom mb-4">Create Post</legend>
                {{ form.media }}
                {{ form|crispy }}
            </fieldset>
            <div class="form-group">
                <button class="btn btn-outline-info" type="submit">Post</button>
            </div>
        </form>
    </div>
{% endblock %}

我想增加标题框的大小并减小内容框的大小，以便我适合内容部分。

我尝试的是：

1. 在模板中，将每个字段显示为带有指定CSS类的脆性字段：

{% block content %}
    <div class="content-section">
        <form method="POST">
            {% csrf_token %}
            <div class="form-group col-md-8">
                {{ form.title|as_crispy_field }}
            </div>
            <div class="form-group col-md-8">
              {{ form.content|as_crispy_field }}
            </div>
            <div class="form-group">
                <button class="btn btn-outline-info" type="submit">Post</button>
            </div>
        </form>
    </div>
{% endblock %}

2. 在表单类中，设置助手和布局：

class PostCreateForm(forms.ModelForm):
    class Meta:
        model = Post
        fields = ['title', 'content']

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.helper = FormHelper()

        self.layout = Layout(
            Field('title', id="form-title", css_class="col-md-8", name="title"),
            Field('content', id="form-content", css_class="col-md-8", name="title"))

在这两种方面，什么都没有改变。 有人可以给我指针吗？

更新：

对于内容框，由于我使用ckeditor的Richtextfield，因此当我将以下配置添加到settings.py时，它的大小确实会更改以适合内容部分。但是我仍然不知道如何更改标题框的大小。

CKEDITOR_CONFIGS = {
    'default': {
        'height': '100%',
        'width': '100%',
    },
}

Answer 1

确保您在settings.py中具有正确的模板包：

CRISPY_TEMPLATE_PACK = 'bootstrap4'

...并在布局中使用列和行（以helper的形式，不是直接以表单为单位）：

from crispy_forms.layout import Layout, HTML, Row, Column


class PostCreateForm(forms.ModelForm):
    
    class Meta:
        model = Post
        fields = ['title', 'content']

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.helper = FormHelper()
        self.helper.layout = Layout(
             Row(
                Column(
                    'title',
                    css_class='col-md-8'
                ),
            ),
             Row(
                Column(
                    'content',
                    css_class='col-md-8'
                ),
            )
        )

下一步，使用脆皮 TemplateTag：

<form method="POST">
    {% csrf_token %}
    <fieldset class="form-group">
        <legend class="border-bottom mb-4">Create Post</legend>
        {{ form.media }}
        {% crispy form %}
    </fieldset>
    <div class="form-group">
        <button class="btn btn-outline-info" type="submit">Post</button>
    </div>
</form>