当我为我的一行流体容器添加边距时，我的一个div向下移动，如何防止这种情况发生

Question

图像

<div class=" fluid-container">
<div class="row">
<div  class="col-lg-3">
yo
</div>
<div   class="col-lg-3">
bo
</div>
<div   class="col-lg-3">
so
</div>
<div  id="a" class="col-lg-3">
ko
</div>
</div>
</div>

//////////////////////CSS/////////\//////////////////////

.col-lg-3{
background-color: red;
margin: 1px;
}

即使我添加小到1px的边距，我的最后一个div也会下移一行，如何防止这种情况发生？帮助我被困了好几个小时

Answer 1

之所以会发生这种情况，是因为您使用的是4 col-lg-3，即3*4=12，它占据了整行，当您添加1px边距时，它会变得比行的范围更大，并进入下一行。我不知道你想做什么，但也许你可以使用col-lg-2