Djangoフォームとブートストラップ-ウィジェットの追加は機能しますが、完全には機能しません
ペクシオ
djangoフォームのブートストラップに問題があります。フォームには次のコードがあります。
make = forms.ChoiceField(choices=make_choices)
make.widget.attrs.update({'class': 'form-control'})
チュートリアルでは、適切なブートストラップ選択フィールドをレンダリングするだけで十分であることがわかりました。
しかし、私の場合は次のようになります。
注意してください：
- 右側に実際のドロップダウンを示す矢印がありません
- 灰色の選択ボックスの幅が十分でないか、上のボックスの幅が広すぎますか？
- ラベル「Make：」も適切なブートストラップラベルのようには見えません。
私はいくつかのチュートリアルをチェックアウトしましたが、それらすべてで、attrsにこの「{'class'： 'form-control'}」を追加するだけで十分でした。私もdjangoのクリスピーなフォームを試していましたが、完全には正しくありませんでした。何が足りないのですか？私が間違ったことは何ですか？
cisario
bootstrap 5 docs https://getbootstrap.com/docs/5.0/forms/select/#defaultの時点で、.form-selectクラスを使用して<select>要素のカスタムスタイルをトリガーする必要があるため、次のようになります。
make.widget.attrs.update({'class': 'form-select'})
.form-controlクラスはのような要素に使用される<input>と<textarea>。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ウィジェットのクリックは、削除して再度追加した後は機能しません
- 2
私のワードプレスのカスタムウィジェットはサイト全体を台無しにし、1つのウィジェットが機能し、ウィジェットを追加して何でも台無しにします
- 3
Tkinter-子ウィジェットがフォーカスを取得した場合、フレームへのキーバインドは機能しません
- 4
ウィリーボットでの出力は機能しませんが、印刷は機能します
- 5
ブートストラップのフォームが機能しません。なぜですか？
- 6
ストライプトークンは直接充電で機能しますが、プラットフォームを介しては機能しません
- 7
ブートストラップモーダルは内部ページでは機能しますが、ホームページでは機能しません
- 8
ブートストラップではパディングとマージンが機能しません
- 9
子ごとに別々のMainAxisValuesを持つフラッター行ウィジェットを使用しようとしていますが、機能しません
- 10
Djangoで、ウィジェットをDateInputに設定すると、DateFieldの事前入力が機能しません
- 11
オブジェクトとウィンドウフォームの衝突検出のロジックが正しく機能していません。
- 12
ブートストラップフォームの検証が機能していません
- 13
MeteorプロジェクトのReactRouter 4はリロード時に機能しますが、リンクをクリックすると機能しません
- 14
Inputmaskウィジェットはodoo10cでは機能しません
- 15
mousePressEventは子ウィジェットでは機能しませんか？
- 16
ブートストラップモーダルはReacttypescriptアプリでは機能しませんが、フィドルで機能します
- 17
パッケージのインポートはIPythonシェルでは機能しますが、Jupyterノートブックでは機能しません
- 18
ブートストラップを使用すると、CSS印刷メディアルールはChromeで機能しますが、Firefoxでは機能しません
- 19
ウィジェット機能が列ウィジェットで機能しませんか？
- 20
JqueryはDrupalプラットフォームでは機能しませんが、ローカルでは正常に機能します
- 21
AJAXでのHttpPOSTリクエストは完全に機能しますが、AngularJSでは機能しません
- 22
ブートストラップドロップダウンはローカルでは機能しませんが、Fiddleでは機能します
- 23
インラインフォームブートストラップが機能していません
- 24
ブートストラップCSSを追加すると、フルハイトが機能しません
- 25
ブートストラップタブは機能しませんが、コードは正常に見えます
- 26
このコードは、armv7（32ビット）では完全に機能しますが、arm64（64ビット）では機能しません。
- 27
光沢のあるウィジェットは、別のウィジェットがアクティブ化されない限り機能しません
- 28
ウィジェットはJupyterノートブックでは機能しません
- 29
WordPressのコードは機能していませんが、他のプラットフォームでは機能しています
コメントを追加