css - 如何将 Bootstrap 的容器 div 调整到左视口(viewport)边缘 100px？

Question

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

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

所以它总是在中心。

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

我怎样才能做到这一点？

Answer 1

更改容器边距的替代方法是使用 container-fluid，在较大的屏幕上仅使用 12 列中的 8(或 10)列...

<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
         .. page layout here
        </div>
    </div>
</div>

http://www.bootply.com/SRnhM22tPr