Use bootstrap grid for day column and complete include logic.

biscuit/apps/chronos/templates/chronos/tt_day.html

 <div class="float-left">
-    <ul class="list-group">
-    <li class="list-group-item active" data-toggle="collapse" href="#collapseDay">Day</li>
-    </ul>
-    <div class="collapse" id="collapseDay">
-        <ul class="list-group">
-        <li class="list-group-item">{% include "chronos/tt_lesson.html" %}</li>
-        </ul>
-        <ul class="list-group">
-        <li class="list-group-item">{% include "chronos/tt_lesson.html" %}</li>
-        </ul>
-        <ul class="list-group">
-        <li class="list-group-item">{% include "chronos/tt_lesson.html" %}</li>
-        </ul>
-        <ul class="list-group">
-        <li class="list-group-item">{% include "chronos/tt_lesson.html" %}</li>
-        </ul>
-        <ul class="list-group">
-        <li class="list-group-item">{% include "chronos/tt_lesson.html" %}</li>
-        </ul>
-        <ul class="list-group">
-        <li class="list-group-item">{% include "chronos/tt_lesson.html" %}</li>
-        </ul>
-        <ul class="list-group">
-        <li class="list-group-item">{% include "chronos/tt_lesson.html" %}</li>
-        </ul>
+ <ul class="list-group">
+  <li class="list-group-item active">
+   {{ lesson_periods.0.period.get_weekday_display }}
+  </li>
+ </ul>
+ <div class="container">
+  {% for lesson_period in lesson_periods %}
+   <div class="row">
+    <div class="col-sm">
+     {% include "chronos/tt_lesson.html" with lesson=lesson_period.lesson %}
     </div>
+   </div>
+  {% endfor %}
+ </div>
 </div>
-
-