How to respond to a multi-column table using Bootstrap

Question

I tried applying a bootstrap that responds to simple columns (4 columns), it works in a table, but when I used the same table with more than 8 columns, it does not work, so please give me the correct solution, please !!!! !!!!

 <table class="table table-striped table-condensed table-bordered table-responsive">
    <thead class="btn-primary">
    <tr>    
         <th >YEAR</th>
         <th>EstimatedMid-Year-Populatio</th>
         <th>Infanticide</th>
         <th >Murde</th>
         <th>Rape</th>
         <th>Kidnapping&Abduction</th>
         <th>Abetment Of Suicide</th>
         <th>Child MarriagRestraint Ac</th>
         <th >Other Crimes</th>
         <th>education</th>
         <th>State</th> 
    </tr>
  </thead>
  <tbody>
    <td>1999</td>
    <td>1500</td>
    <td>sssta</td>
    <td>12</td>
    <td>5</td>
    <td>8</td>
</table>

Answer 1

I also had the same problem today, so I did a bit of stackoverflow work and I found this question the table width problem in twitter bootstrap which saved me a lot of time.