如何使用Bootstrap响应多列的响应表

时间:2014-02-14 10:30:39

标签: twitter-bootstrap

我尝试使用简单的列(4列)应用bootstrap响应它在表中工作,但是当我使用超过8列的相同表时,它不起作用所以请给我正确的解决方案!!!!!!!!

 <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>

1 个答案:

答案 0 :(得分:1)

我今天也遇到了同样的问题所以我在stackoverflow上做了一些搜索,我发现了这个问题table width issue in twitter bootstrap 这给我节省了很多时间。