Bootstrap overflow issue

Question

How do I stop my bootstrap from stopping when I side scroll on my tablet?

When the page loads it looks fine but when when I scroll to the left to see the end of my table, the background an divs stop.

Answer 1

you can use a Bootstrap class for .table wrapping class

.table-responsive

something like this

<div class="table-responsive">
  <table class="table">
    ...
  </table>
 </div>