vertical resources view issue

[devsync21]

I am trying to have 2 column vertical resources view. However, I can see only 1 column as agendaDay view.

here is source. Thank you in advance

{%extends 'patient/layout.html' %}

{% block content %}

{% load staticfiles %}

<title>{% block page_title %}New System{% endblock %}</title>

<link rel='stylesheet' href="{% static 'patient/css/fullcalendar.css' %}"/>
<link href="{% static 'patient/css/scheduler.css' %}"/ rel='stylesheet' />

<script src="{% static 'patient/js/moment.min.js' %}"></script>
<script src="{% static 'patient/js/jquery.min.js' %}"></script>
<script src="{% static 'patient/js/fullcalendar.js' %}"></script>
<script src="{% static 'patient/js/scheduler.js' %}"></script>

<!--<script type="text/javascript" src="{% static 'js/jquery-2.1.3.min.js' %}"></script>*/-->
<script>
  $(function() {

      // page is now ready, initialize the calendar...

      $('#calendar').fullCalendar({
          schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
        // put your options and callbacks here
          defaultView: 'agendaDay',
          events: [
            // events go here
          ],
        resources: [
            { id: 'a', title: 'Room A test' },
            { id: 'b', title: 'Room B', eventColor:'green'}

          ]


      })

  });
</script>
<style>
  #calendar {
  max-width: 90%;
  margin: 10px auto;

</style>

{% endblock %}

[acerix]

Would you be able to post a runnable, stripped-down demonstration of the bug? Would really appreciate it because the time saved reproducing will be time spent fixing.