本文实例讲述了Bootstrap实现的表格合并单元格。分享给大家供大家参考，具体如下：
1、问题背景
利用Bootstrap设计表格，并且表格需要合并单元格
2、实现源码
Bootstrap-表格合并单元格
body,html{
width: 99%;
height: 98%;
font-family: "微软雅黑";
font-size: 14px;
}
table{
width: 100%;
}
学生表
学生
学号
胡思
2016010101
赵四
2016010102
陈诚
2016010103
李磊
2016010104
孙杨
2016010105
李爽
2016010106
学生表
学生
学号
胡思
2016010101
赵四
2016010102
陈诚
2016010103
李磊
2016010104
游豪
2016010105
到校
回家
距离
222
姓名
学号
胡思
2016010101
333
到校
回家
距离
222
姓名
学号
胡思
2016010101
333
到校
回家
距离
222
姓名
学号
胡思
2016010101
333
到校
回家
距离
222
姓名
学号
胡思
2016010101
333
3、实现结果
PS：关于bootstrap布局，这里再为大家推荐一款本站的在线可视化布局工具供大家参考使用：
在线bootstrap可视化布局编辑工具：
http://tools.jb51.net/aideddesign/layoutit
希望本文所述对大家基于bootstrap的程序设计有所帮助。
