表格

作者: 潇潇翔子 | 来源:发表于2018-08-22 16:33 被阅读5次

    基本的表格

    <table class="table">
      <caption>基本的表格布局</caption>
      <thead>
        <tr>
          <th>球队</th>
          <th>球星</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>湖人</td>
          <td>詹姆斯</td>
        </tr>
        <tr>
          <td>勇士</td>
          <td>库里</td>
        </tr>
      </tbody>
    </table>
    

    表格类
    .table : 为任意 <table> 添加基本样式 (只有横向分隔线)
    .table-striped : 在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持)
    .table-bordered : 为所有表格的单元格添加边框
    .table-hover : 在 <tbody> 内的任一行启用鼠标悬停状态
    .table-condensed : 让表格更加紧凑

    <tr>, <th> 和 <td> 类
    .active 将悬停的颜色应用在行或者单元格上
    .success 表示成功的操作
    .info 表示信息变化的操作
    .warning 表示一个警告的操作filename=trybs_ref_tr_warning) |
    .danger 表示一个危险的操作

    响应式表格
    把任意的 .table 包在 .table-responsive class 内

    相关文章

      网友评论

          本文标题:表格

          本文链接:https://www.haomeiwen.com/subject/mosyiftx.html