Bootstrap 表格.pdfVIP

Bootstrap 表格 Bootstrap 表格 Bootstrap 提供了⼀个清晰的创建表格的布局。下表列出了 Bootstrap ⽀持的⼀些表格 元素： 标签 描述 table 为表格添加基础样式。 thead 表格 题⾏的容器元素 （tr ），⽤来 识表格列。 tbody 表格主体中的表格⾏的容器元素 （tr ）。 tr ⼀组出现在单⾏上的表格单元格的容器元素 （td 或 th ）。 td 默认的表格单元格。 th 特殊的表格单元格，⽤来 识列或⾏ （取决于范围和位置）。必须在 thead 内使⽤。 caption 关于表格存储内容的描述或总结。 表格类 下表样式可⽤于表格中： 类 描述 实例 尝试 .table 为任意 table 添加基本样式 (只有横向分隔线) ⼀下 尝试 .table-striped 在 tbody 内添加斑马线形式的条纹 ( IE8 不⽀持) ⼀下 尝试 .table-bordered 为所有表格的单元格添加边框 ⼀下 尝试 .table-hover 在 tbody 内的任⼀⾏启⽤⿏ 悬停状态 ⼀下 尝试 .table-condensed 让表格更加紧凑 ⼀下 尝试 联合使⽤所有表格类 ⼀下 tr, th 和 td 类 下表的类可⽤于表格的⾏或者单元格： 类 描述 实例 尝试 .active 将悬停的颜⾊应⽤在⾏或者单元格上 ⼀下 尝试 .success 表⽰成功的操作