Bootstrap : How to do responsive tables?

For do this you need use this classes :

.table and .table-responsive

Example :

<table class="table table-responsive table-striped table-bordered">

{...}

</table>

Bootstrap css

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}