css - 调整 Bootstrap 容器右边距

Question

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

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

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

https://jsfiddle.net/tceLzqmx/

Answer 1

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

.container-fluid {
    margin: auto 10px;
}

• > JSFiddle

如果您覆盖 container 元素的所有宽度设置，您将无法按照其原始意图使用它，即基于窗口大小的响应宽度。