问答详情
源自:3-4 Bootstrap中的排版 - 表格

为什么我输入table-hover的属性不显示效果

<table class="table table-hover table-bordered">
   <thead>
   <tr>
       <td>列表一</td>
       <td>列表二</td>
       <td>列表三</td>
       <td>列表四</td>
       <td>列表五</td>
   </tr>
   <tr class="danger">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   <tr class="waring">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   <tr class="success">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   <tr class="active">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   </thead>
</table>

提问者:qq_狂泽_04395574 2017-07-13 18:28

个回答

  • 四娃
    2017-07-13 20:50:00
    已采纳

    <table class="table table-hover table-bordered">
       <thead>
       <tr>
           <td>列表一</td>
           <td>列表二</td>
           <td>列表三</td>
           <td>列表四</td>
           <td>列表五</td>
       </tr>

    </thead>

    <tbody>

       <tr class="danger">
           <td>one</td>
           <td>two</td>
           <td>three</td>
           <td>five</td>
           <td>four</td>
       </tr>
       <tr class="waring">
           <td>one</td>
           <td>two</td>
           <td>three</td>
           <td>five</td>
           <td>four</td>
       </tr>
       <tr class="success">
           <td>one</td>
           <td>two</td>
           <td>three</td>
           <td>five</td>
           <td>four</td>
       </tr>
       <tr class="active">
           <td>one</td>
           <td>two</td>
           <td>three</td>
           <td>five</td>
           <td>four</td>
       </tr>
       </tbody>
    </table>

  • java初级开发
    2019-09-17 15:17:00

    因为只对tbody里面内容生效,t 代表table  body 代表身体。 head代表头  所以要想生效需要将内容放在tbody中

  • 四娃
    2017-07-13 20:51:56

    <thead>是定义表头,主体用<tbody>标签