teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

修正

2019/09/15 11:23

投稿

退会済みユーザー
answer CHANGED
@@ -2,18 +2,11 @@
2
2
 
3
3
  ```
4
4
  <form class="mx-auto text-center" action="" method="POST" enctype='multipart/form-data'>
5
- {{ form.non_field_errors }}
6
- {% for field in form %}
7
- <div class="form-group">
5
+ <div class="form-group">
8
- <label for="{{ field.id_for_label }}">{{ field.label_tag }}</label>
6
+ <input type="file" name="upload" class="form-control-file formInner" required>
9
- {{ field }}
10
- {{ field.errors }}
11
- </div>
7
+ </div>
12
- {% endfor %}
8
+ </form>
13
- {% csrf_token %}
14
9
 
15
- </form>
16
-
17
10
  ```
18
11
 
19
12
  ```
@@ -25,6 +18,10 @@
25
18
  font-size: 12px;
26
19
  /*text-align: center;*/
27
20
  }
21
+
22
+ .formInner{
23
+ width:inherit;
24
+ }
28
25
  ```
29
26
 
30
27
  テキストのセンタリング→text-center;