Wednesday, 4 March 2015

Bootstrap responsive table



This post is aiming to explain bootstrap responsive table:


If you want to have a responsive table you should do:


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





If you test it with your PC, you will have on idea about it. Even you change your chrome's size.

You should test it on a small screen device like iPhone, the responsive table can recognise small screens.

Below screen shots can explain the different:


Without responsive:


With responsive:

































No comments:

Post a comment