twitter-bootstrap – 如何使用Bootstrap响应多列的响应表

发布时间：2020-12-17 21:24:18 所属栏目：安全来源：网络整理

导读：我尝试使用简单的列(4列)应用bootstrap响应它在表中工作,但是当我使用超过8列的同一个表时它不起作用所以请给我正确的解决方案!!!!!!!! table class="table table-striped table-condensed table-bordered table-responsive" thead class="btn-primary" tr t

我尝试使用简单的列(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>

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!