質問編集履歴

3

本文修正

2022/03/07 12:49

投稿

deango
deango

スコア161

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

コード修正しました。

2022/03/07 12:49

投稿

deango
deango

スコア161

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 float-left border ">
20
+ <div class="col-lg-3 col-sm-4 border ">
21
21
  {% for diary in diary_list %}
22
- <div class="post-preview shadow">
22
+ <span class="post-preview shadow">
23
- <div href="{% url 'diary:diary_detail' diary.pk %}">
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
- </div>
27
+ </a>
28
28
  <p class="post-meta">{{ diary.created_at }}</p>
29
- </div>
29
+ </span>
30
30
  {% empty %}
31
31
  <p>日記がありません。</p>
32
32
  {% endfor %}

1

本文修正

2022/03/05 16:09

投稿

deango
deango

スコア161

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