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

来源:3-4 Bootstrap中的排版 - 表格

qq_狂泽_04395574

2017-07-13 18:28

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

写回答 关注

3回答

  • 四娃
    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>

    qq_狂泽_...

    非常感谢!

    2017-07-14 16:34:49

    共 1 条回复 >

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

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

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

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

bootstrap快速入门

bootstrap是目前最流行的框架之一,能够带你快速搭建网页!

100966 学习 · 187 问题

查看课程

相似问题