2016-03-29 2 views
1

を使用してフォームインラインで個々のフィールドをレンダリングここbootstrap example page最初の例では、私はこのようにそれを実行しようとしました:は私が、私は<code>crispy-forms</code>からフィルタ<code>|as_crispy_field</code>を使用して、スタイルのためのブートストラップ3を使用しますが、私は同じよう<code>form-inline</code>でそれを行う必要があり、私の<code>Form</code>から個々のフィールドをレンダリングする必要がある「as_crispy_field」

template.html 

<form class="form-inline">{% csrf_token %} 
    {{ form.name|as_crispy_field }} 
</form> 

しかし、私は必要があるとして、ラベルでは、TextInputフィールドの上ではなくインラインで表示されます。 | as_crispy_fieldを使ってどうすればいいですか?

EDIT:ここは、あなたがにリンクされている1クリスピー

+0

ビューポートは「768px以上」ですか?その場合は、鮮明にレンダリングされたHTMLを投稿してください。 – C14L

+0

はい、既にレンダリングされたHTMLを投稿しています –

答えて

0

でレンダリング後のHTMLで、フィールドの左側のラベルで、「フォーム・横」と呼ばれているクリスピーで。それはexplained hereです。あなたは、同じページ上で右下のあるフィールド内に表示ラベルで、これらの特性helper

helper.form_class = 'form-horizontal' 
helper.label_class = 'col-lg-2' 
helper.field_class = 'col-lg-8' 

実際のインラインフォームを設定する必要があります。 2つのヘルパープロパティを設定する必要があります。

helper.form_class = 'form-inline' 
helper.field_template = 'bootstrap3/layout/inline_field.html' 

私はあなたの質問を正しく理解していれば、そうするはずです。

関連する問題

 関連する問題