django-crispyフォームを使用して同じ行にラベルとフィールドを表示できません

Question

フォームの左側にテキストの入力がある右側にフィールドのラベルを配置しようとしています。しかし、私はそれを動作させるように見えることはできません。ここに私が置いた設定があります。

forms.py

helper = FormHelper() 
helper.form_class = 'form-horizontal' 
helper.layout = Layout(
    Field('test_field'), 
    FormActions(
     Submit('submit', 'Record', css_class='btn btn-primary'), 
     Reset('reset', 'Clear', css_class='btn btn-default'), 
    ) 
) 

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

{% block page_panel %} 
{% crispy form %} 
{% endblock %} 

form.html結果のHTMLを使用すると、ブートストラップform-horizontalを実装しようとしているあなたの例では、この result

Answer 1

のようなものです。これを正しく行うには、ヘルパークラスをラベルに追加し、フォーム入力per the docsを追加する必要があります。

は、例えば、form-horizontal仕事をするために、これを試してみてください：

helper = FormHelper() 
helper.form_class = 'form-horizontal' 
helper.label_class = 'col-lg-2' 
helper.field_class = 'col-lg-8' 
helper.layout = Layout(
    Field('test_field'), 
    FormActions(
     Submit('submit', 'Record', css_class='btn btn-primary'), 
     Reset('reset', 'Clear', css_class='btn btn-default'), 
    ) 
) 

あなたは、必要に応じて、あなたの列のサイズを調整することができます。

少し違うレイアウト（入力と同じレベルのラベルもあります）の別のオプションは、different config using Django crispy formsが必要なブートストラップのform-inlineを使用することです。