Djangoブートストラップ3はフォームに反応しません

Djangoには、DateField、CharField、Textarea、Autocomplete-light（データベースに自動完成を問い合わせる）という簡単な書式を書いています。すべてのフィールドはうまくいきますが、htmlでレンダリングすると、ブラウザウィンドウが小さくなるとサイズが変更されません。私はジャンボトロンをコンテナに入れて、ボタンだけが実際に反応します...他のフィールドの問題はどちらですか？Djangoブートストラップ3はフォームに反応しません

HTML：フォーム内

{% load staticfiles %} 
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css"/> 
<link rel="stylesheet" href="{% static 'css/custom.css' %}" type="text/css"/> 

<body> 
    <div class="container"> 
     <div class="jumbotron"> 
        <form method='POST' action'' enctype="multipart/form-data">{% csrf_token %} 
        <div class="form-group"> 
         <table class="rica"> 
           {{ form.as_table }} 
         </table> 
        </div> 
         <input type="submit" class="btn btn-light-blue btn-md btn-block" value="INVIA RICHIESTA"> 
        </form> 
     </div> 
    </div> 
</body>

出典

2017-05-08 lausent

あなたは、フォームフィールドが撮りたいCSSクラスを指定します。それに応じてフォーマットされます。フォームフィールドは、通常class="form-control"を使用するブートストラップますので、（これはほとんどコピーであると私は使用し実際のフォームからペースト）状の何かをしたい：

class MyModelForm(forms.ModelForm): 
    class Meta: 
     model = MyModel 
     exclude = ('id',) 
     widgets = { 
      'name' : forms.TextInput(attrs={'class' : 'form-control'}), 
      'image' : forms.FileInput(attrs={'class' : 'form-control'}), 
      'add1' : forms.TextInput(attrs={'class' : 'form-control'}), 
      'add2' : forms.TextInput(attrs={'class' : 'form-control'}), 
      'add3' : forms.TextInput(attrs={'class' : 'form-control'}), 
      'add4' : forms.TextInput(attrs={'class' : 'form-control'}), 
      'position' : forms.TextInput(attrs={'class' : 'form-control'}), 
      'hours' : forms.Select(attrs={'class' : 'form-control'}), 
      'salary' : forms.Select(attrs={'class' : 'form-control'}), 
      'website' : forms.URLInput(attrs={'class' : 'form-control'}), 
     }

出典

2017-05-08 19:51:20 HenryM

'class'： 'form-control'を追加してforms.Textareaで動作するようになりました（ブラウザでテキスト領域のサイズを変更するようになりましたが、テキスト領域がマウスの幅と高さをコントロールする場合、上記の画像のようにエッジはありません。とにかくautocomplete.ModelSelect2（url = 'fly-autocomplete'、attrs = {'class'： 'フォームコントロール'、 'data-placeholder'： 'Par'、 'data-minimum- input-length '：3}）、 – lausent

もし'style =" resize：none "' – HenryM

私はこのように問題を部分的に解消しました： "pip install django-bootstrap-form"。 htmlの中で、{{％load bootstrap％}に{{form | bootstrap}}を使用した後に挿入します。現在、すべてのコンテンツはautocompile-lightフィールドを除いて応答します。 form.pyで私は、自動= autocomplete.ModelSelect2（url = 'フライオートコンプリート'、attrs = {'クラス'： 'フォームコントロール'、 'データプレースホルダ'： 'パー'、 'データ最小入力-length '：3}）。私はどのように反応させることができますか？ – lausent

があなたのテキストボックスにclass="form-control"を入れて、あなたのテキストエリアに「style="resize:noneを入れ

出典

2017-05-08 20:11:12

Djangoブートストラップ3はフォームに反応しません

答えて

関連する問題