bootstrap表格

先来看一下表格的基本结构：

    

            

                    
学号
                    
姓名
            
    
    

            

                    
1297263791
                    
张三
            
            

                    
1297263792
                    
赵四
            
    

表格默认样式.png

一、常用标签

1、table标签包含整个表格
2、thead标签包含表格头部
3、表格的每一排内容使用tr标签
4、表格头部的每个单元格使用th标签
5、tbody包含表格的主体
6、表格主体的每个单元格使用td标签

二、常用类

1.table标签
1）加table类（为表格加基本样式）

加table类后的表格.png

2）加table table-striped类（在基本表格基础上给表格加条纹）

加table table-striped类后的条纹表格.png

3）加table table-bordered类（在基本表格基础上给表格加边框）

加table table-bordered类后的边框表格.png

4）加table table-condensed类（在基本表格基础上缩小表格内边距）

加table table-condensed类后的压缩表格.png

以上的类还可以根据样式需要，搭配使用。
例如：加table table-striped table-bordered table-condensed 类

加table table-striped table-bordered table-condensed 类后的表格.png