如何使用引导程序格式化 django 中的文本区域

Question

我的表单类中有类似于这些描述我的表单的行：

class ReportForm(forms.ModelForm):
    diagnosis = forms.CharField(widget=forms.Textarea(attrs={'cols': 200, 'rows': 3}))
class Meta:
    model = Report

然后我在我的视图中呈现我的表单，如下所示：

{% block body_block %}
    <div class="hero-unit">
    <h2>Add a Report</h2>
    <br/>
        <div class="container">
            {% if form.errors %}
                <p style="color: red;">
                Please correct the error{{ form.errors|pluralize }} below.</p>
            {% endif %}
            <form id="report_form" method="post" action="/add_report/">
            <table>
                {{ form.as_table }}
            </table>
            {% csrf_token %}
            <br/>
            <button class="btn btn-primary" type="submit" name="submit">Add Report</button>
            </form>
        </div>
    </div>
{% endblock %}

这一切几乎都按预期工作。我唯一的问题是文本区域的默认大小似乎只有 26 列宽。我尝试了一些类似添加的方法：

(attrs={'cols': 200, 'rows': 3})

到我的表单类，虽然这会改变行高，但它似乎对文本区域的宽度没有影响。我曾尝试在引导程序中更改跨度和事物，但无济于事。我的问题是如何使表单格式的文本区域很好地位于引导容器/英雄单元的最右侧？

希望这张照片能说明我的意思。我希望 textarea 延伸到诊断字段灰色区域的最右侧。

Answer 1

class ReportForm(forms.ModelForm):
    diagnosis = forms.CharField(widget=forms.Textarea(attrs={
        'cols': 200,
        'rows': 3,
        'style': 'width: 100%'
    }))
class Meta:
    model = Report