带图像的Bootstrap填充问题

Question

我的行中有两半，每行6列。我使用图像作为6列的背景，假设占据屏幕的一半。当我在列中使用push将6列图像推到屏幕右侧时，它会在右侧创建一些填充，如下所示。

底部图像没有填充问题，它占用整个6列没有问题。当我从顶部图片中的列中移除推拉时，一切正常。我不知道如何解决顶部图像右侧的填充问题。有任何想法吗？我的代码如下。

// Either continuous assignment
output logic [15:0] F;
assign F=P;

// Or procedural assignment
output logic [15:0] F;
// Inside always block
F=P;

Answer 1

删除那些＆＃34; margin-left：-15px＆＃34; ＆安培;余量 - 右：-15px＆＃34;来自＆＃34; .fam-col-left＆＃34;和＆＃34; .bus-col-left＆＃34;似乎解决了这个问题。

小提琴 - https://jsfiddle.net/t0219k1w/1/

整体风格：

#families {
margin-bottom: -50px;
}

.fam-col-left {
background: url('http://www.unoosa.org/res/timeline/index_html/space-2.jpg');
background-position: 50% 50%;
background-repeat: no-repeat;

background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

padding-top: 150px;

text-align: center;
height: 550px;
color: #FCFFF5; /*white*/
}

.fam-col-left p {
width: 50%;
margin: 0 auto;
}

.fam-col-right {
padding-top: 100px;
}

.bus-col-left {
background: url('http://www.unoosa.org/res/timeline/index_html/space-2.jpg');
background-position: 50% 50%;
background-repeat: no-repeat;

background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

padding-top: 150px;

text-align: center;
height: 550px;
color: #FCFFF5; /*white*/
}

.bus-col-left p {
width: 50%;
margin: 0 auto;
}

.bus-col-right {
padding-top: 100px;
}

.bus-col-right a {
width: 50%;
margin: 0 auto;
}