Bootstrap快速学习笔记（1）排版系列之二

欢迎收看大奥编写的Bootstrap快速学习笔记（1）排版系列之二

本学习笔记根据[慕课网]教程修改而来，用它学习Bootstrap，将会带来全新的体验哦：

• 表格
• 表格行的类

---

详细介绍

 

• 表格表格是Bootstrap的基础组件之一，有一个基础样式和四个附加样式以及一个响应式样式，全部通过class类来实 现，.table：基础表格，这是无论哪种类型的表格都必不可少的类；.table-striped：斑马线表格，更具可读性；.table- bordered：带边框的表格；.table-hover：鼠标悬停高亮的表格，具有即时反馈效果；.table-condensed：紧凑型表 格；.table-responsive：响应式表格，此类名要添加到div元素来实现，该div元素为table表格元素的容器，Bootstrap中 响应式表格效果表现为：当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就 会消失。；
• 表格行的类.active 表示当前活动的信息; .success 表示成功或者正确的行为; .info 表示中立的信息或行为; .warning 表示警告，需要特别注意; .danger 表示危险或者可能是错误的行为;

注意：知识的积累是一个漫长的过程，请继续关注后续内容。