如何将 Bootstrap 的容器 div 调整为距左视口边缘 100 像素？

Question

我正在使用 Twitter Bootstrap 固定布局，其中容器div具有：

margin-left: auto;
margin-right: auto;

所以它总是停留在中心。

我想要做的是定位容器，使左侧浏览器窗口边框和容器之间有 100 像素的间隙。当窗口变小时，我希望容器移动到窗口的边界。

我怎样才能做到这一点？

Answer 1

好的，这就是我所做的：

.container {
  padding-left: 10px;
  padding-right: 250px;
}

并没有给出我想要的确切结果，但非常接近。我的第一个 span 3 是侧边栏，最后一个 span9 主要内容区域。主要内容区域现在始终居中，侧边栏位于其旁边，并且与窗口边框的最小间隙为 10 像素。