HTML笔记(三)bootstrap之表格
来源:互联网 发布:网约车平台软件开发 编辑:程序博客网 时间:2024/06/05 21:55
表格元素
<table>
为表格添加基础样式。 <thead>
表格标题行的容器元素 <tbody>
表格主体中的表格行的容器元素(<tr>
)。 <tr>
一组出现在单行上的表格单元格的容器元素(<td>
或<th>
)。 <td>
默认的表格单元格。 <th>
特殊的表格单元格,用来标识列或行(取决于范围和位置)。必须在 <thead>
内使用。 <caption>
关于表格存储内容的描述或总结。table
为任意 添加基本样式 (只有横向分隔线) .table-striped
在 内添加斑马线形式的条纹 ( IE8 不支持) table-bordered
为所有表格的单元格添加边框 table-hover
在 <tbody>
内的任一行启用鼠标悬停状态 table-condensed
让表格更加紧凑.active
将悬停的颜色应用在行或者单元格上 .success
表示成功的操作 .info
表示信息变化的操作 .warning
表示一个警告的操作 .danger
表示一个危险的操作跨行:rowspan
跨列:colspan
响应式表格
通过把任意的 .table 包在.table-responsive class
内,您可以让表格水平滚动以适应小型设备(小于 768px)。当在大于 768px 宽的大型设备上查看时,您将看不到任何的差别
阅读全文
1 0
- HTML笔记(三)bootstrap之表格
- HTML笔记(一)bootstrap之网格
- HTML笔记(二)bootstrap之排版
- HTML笔记(六)bootstrap之img
- Bootstrap 学习之(三) ------ 表格和按钮
- Bootstrap学习笔记之插件(三)
- Bootstrap学习总结笔记(2)-- 基本样式之表格
- HTML笔记(四)bootstrap之form表单
- HTML笔记(五)bootstrap之Button按钮
- HTML笔记(七)bootstrap之相关辅助类
- HTML笔记(九)bootstrap之导航栏
- Bootstrap学习笔记(三)
- HTML笔记(列表&表格)
- Bootstrap之表格
- Bootstrap之表格
- HTML之列表标签(笔记三)
- HTML学习笔记之表格的使用
- html学习笔记之Table表格
- 半平面交
- SQL的多表查询和子查询
- java代码优化
- Fiddler 查看请求的服务器类型和IP
- IO流总结2017.8.17
- HTML笔记(三)bootstrap之表格
- Activity使用主题不兼容报错-You need to use a Theme.AppCompat theme (or descendant) with this activity
- uva 10603 Fill code2
- 网站开发(十二)前台栏目模块分配
- pxe装系统简易原理及配置
- Faster\Slower 快慢指针的应用
- android中带索引的列表-----索引的高级使用
- NYOJ 49 开心的小明(01背包)
- .net reflector 反编译失败 索引超出了数组界限问题处理方法