表格
表格元素
BootStrap提供了一个清晰的创建表格的布局。
| 标签 |
描述 |
<table> |
为表格添加基础样式 |
<thead> |
表格标题行的容器元素，用来标识表格列 |
<tbody> |
表格主体中的表格行的容器元素 |
<tr> |
一组出现在单行上的表格单元格的容器元素 |
<td> |
默认的表格单元格 |
<th> |
特殊的表格单元格，用来标识列或行(取决于范围和位置)。必须在<thead>中使用 |
<caption> |
关于表格存储内容的描述或总结 |
表格类
| 类 |
描述 |
| .table |
为任意<table>添加基本样式(只有横向分割线) |
| .table-striped |
在<tbody>内添加斑马形状的条纹 |
| .table-bordered |
为所有表格的单元格添加边框 |
| .table-hover |
在<tbody>的任意一行启用鼠标悬停状态 |
| .table-condensed |
让表格更加紧凑 |
用于表格的行或者单元格的类
| 类 |
描述 |
| .active |
将悬停的颜色应用在行或单元格上 |
| .success |
表示成功的操作 |
| .info |
表示信息变化的操作 |
| .warning |
表示一个警告的操作 |
| .danger |
表示一个危险的操作 |
个例分析
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <title>Document</title>
</head>
<body>
<table class=
最低0.47元/天 解锁文章
6036
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
