Make existing bootstrap 2 table responsive

Question

I'm working on a project where I need to change existing Boostrap2 table responsive. I made a fiddle

<table class="table head center">
    <caption></caption>
    <tr>
    <th scope="col">Member</th>
    <th scope="col">Date</th>
    <th scope="col">Usage</th>
    <th scope="col">Native</th>
    <th scope="col">Coverage</th>
    <th scope="col"></th>
    </tr>
    <tr id="members-repeat-container" ng-repeat="">
    <td>You</td>
    </tr>
   </table>   

Answer 1

I changed the structure and added some grid classes from Bootstrap3. I got the expected result