html5表格无缝隙,【前端小白】 问关于用 BootStrap做表格之间缝隙的问题

代码如下：

Bootstrap 101 Template

body{

font-size: 10px;

}

.container{

width: 100%;

height: 3000px;

background-color: #006600;

}

#first{

width: 100%;

height: 30px;

background-color: cornflowerblue;

border: 1px red solid;

text-align: center;

}

#second{

width: 100%;

height: 50px;

background-color: #0565C6;

border: 1px red solid;

text-align: center;

}

/*#third{*/

/*background-color: yellow;*/

/*border: 1px red solid;*/

/*}*/

.part1{

background-color: #E9185A;

width: 200px;

text-align: center;

}

.part2{

background-color: chocolate;

width: 200px;

text-align: center;

}

各专线未完成的订单视图

未完成工单(个)

延期工单(个)

当日计划完成工单(个)

当日已完成工单(个)

工单物料需求数量当前工序计划工期已进行天数完成进度

dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天

工单物料需求数量当前工序计划工期已进行天数完成进度

dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天dd201906110013303021988101352175钻床7天1天

代码实现效果如图：

请问，为什么行和行之间有白色的缝隙呢？

我想要做成下列图当中的样子，如何去掉白色的缝隙？