Djangoでformを扱いたい、勝手に改行が入ってしまう

Question

PythonのWebフレームワークであるDjangoでformを作りたいのですが、勝手に改行が入ってしまいます。

form.pyファイルはこれです。

from django.forms import ModelForm
from cms.models import File
from django import forms


class FileForm(ModelForm):
    """ファイルのフォーム"""
    class Meta:
        model = File
        fields = ('image','cat',)

です。また、Models.pyはこのようになっています。

from django.db import models

class File(models.Model):
    """ファイル"""
    image = models.ImageField('ファイル',default=False)
    cat = models.BooleanField('ネコの画像である',default=False)

    def __str__(self):
        return self.name

htmlは

{{ form|bootstrap_horizontal }}
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <button type="submit" class="btn btn-primary">送信</button>
        </div>
      </div>

なんですが、
以下の画像のように改行が入ってしまいます。

どのようにしたら改行されないですみますか？
Bootstrapを使用しています。

Comments

[tell_k]

提示されている form.py ですが models.py の中身のように見えます。 formを定義したコードがどこかにありそうな気がしますので、それを提示した方が回答がつきやすいと思います。

[退会済みユーザー]

編集いたしました。ご指摘ありがとうございました。

[can110]

実際に生成されたhtml文も提示しBootstrapタグも追加されると回答得られやすいかと思います。

[Lhankor_Mhy]

CSSの問題だろうと思いますので、CSSをご提示ください。

Answer 1

たぶん、改行はされておらず、CSSの問題かと思います。

django-bootstrap-form のデモページを見てきました。

label要素にはcol-sm-2がつくようですが、ご提示のスクリーンショットを見るとsmのブレイクポイント(768px)より小さいスクリーンのようです。
とすると、スタイルが適用されず幅は成り行きになっているはずなので、別のCSSでlabel要素等にwidthなどのスタイルがついていて、幅が狭くなり折り返されているのではないでしょうか。

開発者ツールなどを使って、CSSがどのように適用されているのかを確認してみてください。