调整Boostrap容器的右边距

Question

我花了几秒钟来调整Bootstrap容器上的左边距（缩小左侧的白色空白区域），但现在我花了几个小时谷歌搜索在右边缘进行相同的调整，并取得了成功。有没有人知道如何解决它？

重要提示！理想情况下，我会避免编辑原始的Bootstrap文件，而是将一些CSS放在Bootstrap文件上。这个简单的代码解决了左边距。我想，我必须编辑容器的WIDTH，但不知道如何以语义正确的方式执行此操作。

.container{
    margin-left:10px;
    margin-right:10px;
}

https://jsfiddle.net/tceLzqmx/

Answer 1

您应该使用没有固定宽度的container。默认情况下，它没有边距，因此您可以像添加.container-fluid { margin: auto 10px; } 一样添加它，或者使其更紧凑：

container

• JSFiddle

如果覆盖{{1}}元素的所有宽度设置，则无法使用它的原始意图，即基于窗口大小的响应宽度。

Answer 2

您可以使用width：auto

设置容器

.container{
  width: auto  
}