6、bootstrap-表格

bootstrap系列文集

一、说明

bootstrap 也重置了表格这个标签,加入了表格常用的样式,比如隔行换色,加边框等,下面是 Bootstrap 的表格类名,它们可以组合使用

二、表格属性

1、table

  1. 作用
    添加基本样式
  2. 栗子

    2、table-striped

    1. 作用
      隔行换色
    2. 栗子

    3、table-bordered

    1. 作用
      给表格添加边框
    2. 栗子

    4、table-hover

    1. 作用
      给每一行添加一个激活状态
    2. 栗子

    5、table-condensed

    1. 作用
      让表格更加紧凑
    2. 栗子

    三、行与者单元格

    1、active

    1. 作用
      鼠标悬停在行或单元格上
    2. 栗子

    2、table-responsive

    1. 作用
      表格父元素设置响应式,小于 768px 出现边框
    2. 栗子

    五、综合

    2、success

    1. 作用
      标识成功或积极的动作
    2. 栗子

    3、info

    1. 作用
      标识普通的提示信息或动作
    2. 栗子

    4、warning

    1. 作用
      标识警告或需要用户注意
    2. 栗子

    5、danger

    1. 作用
      标识危险或潜在的带来负面影响的动作
    2. 栗子

    四、其它

    1、sr-only

    1. 作用
      隐藏行
    2. 栗子
    ID 用户名 性别 手机 邮箱 地址 加入时间 状态
    1 老王 110 [email protected] 三里屯 2017-10-25 激活
    1 老王 110 [email protected] 三里屯 2020-10-25 激活
    1 老王 110 [email protected] 三里屯 2020-10-25 激活
    1 老王 110 [email protected] 三里屯 2020-10-25 激活
    1 老王 110 [email protected] 三里屯 2020-10-25 激活

你可能感兴趣的:(6、bootstrap-表格)