使用引导的网格系统时，我得到了一个奇怪的边距。我覆盖了 .container、.row 和 .col-lg-6 边距和填充属性为 0

Question

我想将我的页面分成两列，从屏幕的左边缘一直延伸到右边。我正在使用推特引导的网格结构，这是我拥有的代码 -

<div class='container'>
<div class='row'>
<div class='col-lg-6>
<img src='image.jpg' width='200px'>
</div>
<div class='col-lg-6>
<img src='image.jpg' width='200px'>
</div>
</div>
</div>

我不想要边距和填充，所以我覆盖了 .container、.row 和 .col-lg-6 类的边距并将属性填充为 0px。

但是我仍然在两列和屏幕右边缘之间有一个奇怪的间隙。可能是什么原因造成的？

第二个图像之后的右间隙。列具有红色边框，以便于查看。

Answer 1

您还需要为父元素设置宽度。现在你的.container是400px，因为它占用了你的照片的宽度。如果在.container中定义特定的宽度，则会注意到差异。