使用Twitter Bootstrap向容器添加填充

Question

使用Twitter Bootstrap，我正在寻找一种方法向页面容器添加左侧填充或左侧边距。 （以页面百分比为单位表示）

事实上，如果我不包含bootstrap-responsive.css，填充对我来说非常好。但我希望我的网站在手机上运行良好。所以有必要包含这个文件，直接影响（为什么？）是左边的填充（或左边的边距，我不知道）不太重要。

我尝试在我自己的CSS中向容器类添加手动填充左侧或左侧边距，但它会扩大页面的宽度并创建一个水平滚动条。

你知道一种安全的方法，也许是使用Bootstrap提供的工具吗？

Answer 1

<div class="container">
    <div class="row-fluid">
        <div class="col-md-offset-2 col-md-8">
            Content
        </div>
     </div>
</div>

Answer 2

可能还有其他办法但是试试吧。像这样：

<div class="container">
    <div class="row-fluid">
        <div class="span2"></div>
        <div class="span8">
            Content
        </div>
        <div class="span2"></div>
    </div>
</div>

这使您的页面同时响应和缩小。关于bootstrap fluidgridsystem。