title: How to collapse Bootstrap table row?
body: <p>I'm using FullCalendar's years view, got it from <a href="https://github.com/tpruvot/fullcalendar/releases/tag/v2.2.7-yearview" rel="nofollow noreferrer">here</a> . I want to display the years as Blocks (vertically) - when the site is viewed in mobile... </p>
  
  <p>Is it possible to change bootstrap table's display, from horizontal to vertical?
  Or maybe the best way is to create a condition to set yearColumns to 1 when ever the view is change?</p>
  
  <p>Here is my JS :</p>
  
  <pre><code> $('#calendar').fullCalendar({
  
              firstDay: 1,
              header: {
                  left: 'prev,next today',
                  center: 'title',
                  right: 'year,month,agendaWeek,agendaDay'
  
              },
              defaultDate: '2016-01-12',
              defaultView: 'month',
              yearColumns: 3,
              editable: true,
              eventLimit: true, 
              selectable: true,
              selectHelper: true, 
     );}
  </code></pre>
  
  <p>Here is the <a href="https://i.stack.imgur.com/qT1OY.png" rel="nofollow noreferrer">current view</a></p>