質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

543閲覧

djangoのhtmlにform-control form-control-smを適用させたい

ktg_st

総合スコア33

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/07/15 09:18

djangoのhtml上でform-control form-control-smを適用させたいのですがやりたい方分かりません。
<div class='form-control'>で囲ってみたりしましたが適用されませんでした。
下記htmlはpandasのdfを表示するものになっています。これが原因でできないのでしょうか。
それとも根本的にやり方が間違っているのでしょうか。

html <table class="table table-bordered" > <div class="container"> <div class="row"> <form action="" method="POST"> {{ month_formset.management_form }} <tr> <th class="col-xs-1">User</th></div> {% for day in month_day_forms %} <th class="col-xs-1">{{day | date:"n"}}月{{day | date:"j" }}日 </th> {%endfor%}</tr> <tr> {% for index,a in month_day_forms.iterrows %} <div class="row"> <th class="col-xs-1">{{index.last_name}}&nbsp;{{index.first_name}}</th> <td class="col-xs-1">{{a.0.date}}{{a.0.id}}{{a.0.start_at|as_crispy_field}}{{a.0.end_at|as_crispy_field}}{{a.DELETE}}</td> <td class="col-xs-1">{{a.1.date}}{{a.1.id}}{{a.1.start_at|as_crispy_field}}{{a.1.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.2.date}}{{a.2.id}}{{a.2.start_at|as_crispy_field}}{{a.2.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.3.date}}{{a.3.id}}{{a.3.start_at|as_crispy_field}}{{a.3.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.4.date}}{{a.4.id}}{{a.4.start_at|as_crispy_field}}{{a.4.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.5.date}}{{a.5.id}}{{a.5.start_at|as_crispy_field}}{{a.5.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.6.date}}{{a.6.id}}{{a.6.start_at|as_crispy_field}}{{a.6.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.7.date}}{{a.7.id}}{{a.7.start_at|as_crispy_field}}{{a.7.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.8.date}}{{a.8.id}}{{a.8.start_at|as_crispy_field}}{{a.8.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.9.date}}{{a.9.id}}{{a.9.start_at|as_crispy_field}}{{a.9.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.10.date}}{{a.10.id}}{{a.10.start_at|as_crispy_field}}{{a.10.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.11.date}}{{a.11.id}}{{a.11.start_at|as_crispy_field}}{{a.11.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.12.date}}{{a.12.id}}{{a.12.start_at|as_crispy_field}}{{a.12.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.13.date}}{{a.13.id}}{{a.13.start_at|as_crispy_field}}{{a.13.end_at|as_crispy_field}}</td> <td class="col-xs-1">{{a.14.date}}{{a.14.id}}{{a.14.start_at|as_crispy_field}}{{a.14.end_at|as_crispy_field}}</td> </div> {% if a.15.start_at == None %} {% else %} <div class="col-xs-1"></div><td>{{a.15.date}}{{a.15.id}}{{a.15.start_at}}{{a.15.end_at|as_crispy_field}}</td> {%endif%} </div></div></tr> {%endfor%} </table> {% csrf_token %} <button type="submit" class="btn btn-primary">送信</button> </form>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問