HTMLでテーブルの行と列がうまく別れない

djangoを使ってHPを作成しています。
吐き出した情報をcalendar.htmlに表示させているのですが、行列が構成できず、データの羅列になってしまいます。
どなたかご意見をいただけないでしょうか？

HTML
1        <div class="">
2            <div class="table table-bordered bg-light">
3                <thead class="thead-light">
4                    <tr>
5                        <th></th>
6                        {% for day in days %}
7                            {% if day.weekday == 5 %}
8                                <th scope="col" class="text-primary">{{ day | date:'d(D)' }}</th>
9                            {% elif day.weekday == 6 %}
10                                <th scope="col" class="text-danger">{{ day | date:'d(D)' }}</th>
11                            {% else %}
12                                <th scope="col">{{ day | date:'d(D)' }}</th>
13                            {% endif %}
14                        {%  endfor %}
15                    </tr>
16                </thead>
17                <tbody>
18                    {% for hour, schedules in calendar.items %}
19                        <tr>
20                            <td scope='row'>{{ hour }}:00</td>
21                                {% for datetime, book in schedules.items %}
22                                    <td>
23                                        {% if datetime <= today %}
24                                            -
25                                        {% elif book %}
26                                            <a href=''>
27                                                <i class="far fa-circle text-info"></i>
28                                            </a>
29                                        {% else %}
30                                            <i class="fas fa-times text-danger"></i>
31                                        {% endif %}
32
33                                    </td>
34                                {% endfor %}
35                            </td>
36                        </tr>
37                    {% endfor %}
38                </tbody>
39            </div>
40        </div>

＜結果＞
19(日) 20(月) 21(火) 22(水) 23(木) 24(金) 25(土) 10:00 -　○○○○○ 11:00 -　○○○○○ 12:00 -　○○○○○ 13:00 -　○○○○○ 14:00 -　○○○○○ 15:00 -　○○○○○ 16:00 -　○○○○○ 17:00 -　○○○○○ 18:00 -　○○○○○ 19:00 -　○○○○○ 20:00 -　○○○○○

hoshi-takanori

2021/09/19 02:58

table タグが見当たりませんね…。

taro_yamada

2021/09/19 03:22

bootstrapを使っています。 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> base.htmlに上のリンクを貼り付けて実行しています。 navbarなどは表示されているので、bootstrap自体は読み込めていると思うのですが・・・

taro_yamada

2021/09/19 03:26

いや、tableタグを追加したらできました！ありがとうございました。