質問編集履歴
3
本文修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -5,7 +5,6 @@
|
|
5
5
|
→→→→→→古い投稿
|
6
6
|
|
7
7
|
画像のように縦並びにしかならないです。
|
8
|
-
for文の中にcolを入れると、ブロックのサイズがどんどん小さくなっていきますし、解決方法がわかりません。
|
9
8
|
|
10
9
|
ご教示いただけますと幸いです。
|
11
10
|
|
2
コード修正しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -17,16 +17,16 @@
|
|
17
17
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-03-06/66eafdb6-341d-412b-9fc2-f0da1ffff848.png)
|
18
18
|
|
19
19
|
```html
|
20
|
-
<div class="col-lg-3 col-sm-4
|
20
|
+
<div class="col-lg-3 col-sm-4 border ">
|
21
21
|
{% for diary in diary_list %}
|
22
|
-
<
|
22
|
+
<span class="post-preview shadow">
|
23
|
-
<
|
23
|
+
<a href="{% url 'diary:diary_detail' diary.pk %}">
|
24
24
|
{% if diary.photo1 %}
|
25
25
|
<img src="{{ diary.photo1.url }}" class="img-fluid" />
|
26
26
|
{% endif %}
|
27
|
-
</
|
27
|
+
</a>
|
28
28
|
<p class="post-meta">{{ diary.created_at }}</p>
|
29
|
-
</
|
29
|
+
</span>
|
30
30
|
{% empty %}
|
31
31
|
<p>日記がありません。</p>
|
32
32
|
{% endfor %}
|
1
本文修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,10 +4,15 @@
|
|
4
4
|
→→→→→→→→→→
|
5
5
|
→→→→→→古い投稿
|
6
6
|
|
7
|
-
|
7
|
+
画像のように縦並びにしかならないです。
|
8
8
|
for文の中にcolを入れると、ブロックのサイズがどんどん小さくなっていきますし、解決方法がわかりません。
|
9
9
|
|
10
10
|
ご教示いただけますと幸いです。
|
11
|
+
|
12
|
+
各バージョンは以下になります。
|
13
|
+
・django 4.0.2
|
14
|
+
・bootstrap v5.1.3
|
15
|
+
・html5
|
11
16
|
|
12
17
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-03-06/66eafdb6-341d-412b-9fc2-f0da1ffff848.png)
|
13
18
|
|