Bootstrap responsive Table -> change Rows with Column

Question

I have a problem creating a timetable for my school using Bootstrap. The timetable should be responsive for mobile devices and tablets.

The view for larger screens works

Answer 1

Replace your html code lines

<div id="no-more-tables"> with <div class="table-responsive">

and

<table class="col-sm-12 table-bordered table-striped table-condensed cf"> with <table class="table col-sm-12 table-bordered table-striped table-condensed cf">

See working example