質問編集履歴

4

追加

2021/05/19 05:05

投稿

rikuanpg9294
rikuanpg9294

スコア15

test CHANGED
File without changes
test CHANGED
@@ -189,3 +189,43 @@
189
189
  </html>
190
190
 
191
191
  ```
192
+
193
+
194
+
195
+ ```css
196
+
197
+ * {
198
+
199
+ margin: 0;
200
+
201
+ padding: 0;
202
+
203
+ box-sizing: border-box;
204
+
205
+ }
206
+
207
+
208
+
209
+ body{
210
+
211
+ background: #F1F1F1;
212
+
213
+ display: flex;
214
+
215
+ flex-flow: column;
216
+
217
+ margin-left: 100vh;
218
+
219
+
220
+
221
+ }
222
+
223
+
224
+
225
+ main{
226
+
227
+ flex: 1;
228
+
229
+ }
230
+
231
+ ```

3

追加

2021/05/19 05:05

投稿

rikuanpg9294
rikuanpg9294

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,8 @@
1
1
  djangoでwebサイトの制作を始めたのですが、web上に表示するときに小さくなってしまいます。対処方法がわかる方は、おアドバイスをお願いいたします。![イメージ説明](7762e9656df349ba7b9735b4c0e5403c.png)
2
2
 
3
+ col-md-8に変更しスペースをなくしたのですが結果は同じでした。
3
4
 
5
+ class = "row my-4"をclass = "row"に変更しても変わりませんでした。
4
6
 
5
7
  ```html
6
8
 

2

修正

2021/05/19 05:02

投稿

rikuanpg9294
rikuanpg9294

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,4 @@
1
- ```ここに言語を入力
2
-
3
- コード
4
-
5
- ```djangoでwebサイトの制作を始めたのですが、web上に表示するときに小さくなってしまいます。対処方法がわかる方は、おアドバイスをお願いいたします。![イメージ説明](7762e9656df349ba7b9735b4c0e5403c.png)
1
+ djangoでwebサイトの制作を始めたのですが、web上に表示するときに小さくなってしまいます。対処方法がわかる方は、おアドバイスをお願いいたします。![イメージ説明](7762e9656df349ba7b9735b4c0e5403c.png)
6
2
 
7
3
 
8
4
 

1

コードを追加しました

2021/05/19 04:53

投稿

rikuanpg9294
rikuanpg9294

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,8 @@
1
+ ```ここに言語を入力
2
+
3
+ コード
4
+
1
- djangoでwebサイトの制作を始めたのですが、web上に表示するときに小さくなってしまいます。対処方法がわかる方は、おアドバイスをお願いいたします。![イメージ説明](7762e9656df349ba7b9735b4c0e5403c.png)
5
+ ```djangoでwebサイトの制作を始めたのですが、web上に表示するときに小さくなってしまいます。対処方法がわかる方は、おアドバイスをお願いいたします。![イメージ説明](7762e9656df349ba7b9735b4c0e5403c.png)
2
6
 
3
7
 
4
8
 
@@ -77,3 +81,113 @@
77
81
 
78
82
 
79
83
  ```
84
+
85
+ ```html
86
+
87
+ {% load static %}
88
+
89
+ <!DOCTYPE html>
90
+
91
+ <html lang="en">
92
+
93
+ <head>
94
+
95
+ <meta charset="utf-8">
96
+
97
+ <meta name = "viewport" content="width=device-width, initial-scale=1.0">
98
+
99
+ <!-- BootstrapのCSS読み込み -->
100
+
101
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
102
+
103
+ <link rel="stylesheet" href="{%static 'css/style.css' %}"
104
+
105
+ <title>ブログチュートリアル</title>
106
+
107
+ </head>
108
+
109
+ <body>
110
+
111
+ <nav class = "navber navber-expand-lg navber-dark bg-dark">
112
+
113
+ <div class = "container">
114
+
115
+ <a class="navber-brand" href="/">ブログ</a>
116
+
117
+ <ul class = "navber-nav ml-auto">
118
+
119
+ <li class="nav-item">
120
+
121
+ <a class="nav-link" href="/">ホーム</a>
122
+
123
+ </li>
124
+
125
+ {% if user.is_authenticated %}
126
+
127
+ <li class="nav-item">
128
+
129
+ <a class="nav-link" href="/">投稿</a>
130
+
131
+ </li>
132
+
133
+ <li class="nav-item">
134
+
135
+ <a class="nav-link" href="/">ログアウト</a>
136
+
137
+ </li>
138
+
139
+ {% else %}
140
+
141
+ <li class="nav-item">
142
+
143
+ <a class="nav-link" href="/">サインアップ</a>
144
+
145
+ </li>
146
+
147
+ <li class="nav-item">
148
+
149
+ <a class="nav-link" href="/">ログイン</a>
150
+
151
+ </li>
152
+
153
+ {% endif %}
154
+
155
+ </ul>
156
+
157
+ </div>
158
+
159
+ </nav>
160
+
161
+
162
+
163
+ <main>
164
+
165
+ <div class="container">
166
+
167
+ {% block content%}
168
+
169
+ {% endblock %}
170
+
171
+ </div>
172
+
173
+ </main>
174
+
175
+
176
+
177
+ <footer class ="py-2 bg-dark">
178
+
179
+ <p class="m-0 text-center text-white">Copyright &copy; Django startup 2020</p>
180
+
181
+ <footer>
182
+
183
+
184
+
185
+ {% block extra_js %}
186
+
187
+ {% endblock %}
188
+
189
+ </body>
190
+
191
+ </html>
192
+
193
+ ```