How to make the elements not compressed?

Question

HTML

how to make the view stay the same in mobile. it was just scrolling. added property overflow-x:scroll;
but some elements run into each other

Answer 1

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

getbootstrap.com/css/#tables-responsive