如何 center/add 引导网格的边距？

Question

我得到了一个 PSD 设计，网格看起来像这样 - Grid image 图片只显示了部分 PSD，因为我没有在 public 中发布它的权利。但是正如您所看到的那样，网格（蓝色条纹）并不像 boostrap-grid 那样左右移动。它从屏幕前 120px 开始到屏幕前 120px 结束（说的是总共 12 列，而不是每一列）

我在编写此 PSD 时使用 bootstrap，并且 bootstrap 的网格从一侧到另一侧。

我的问题：如何更改 bootstrap 网格（中心 it/add 边距）使其看起来与 psd 中的网格相同，即在屏幕上从 120px 开始到 120px 结束在屏幕结束之前？

我不需要网格之外的任何内容，因为它在 PSD 中。所以我需要让行从一侧移动到另一侧，但列开始一点点，然后在屏幕显示之前结束一点。我不能使用 bootstrap 容器而不是 container-fluid，因为它也会占用行。我也不能使用偏移量，因为我将 "lose" 一些列并且每行不再有 12 列可用。

我的 HTML 文件包含标准流体网格

<div class="container-fluid>
    <div class="row">
    <!-- A few columns in different sizes -->
    </div>
    <div class="row">
    <!-- A few columns in different sizes -->
    </div>
    <div class="row">
    <!-- A few columns in different sizes -->
    </div>
</div>

Answer 1

我不确定我是否完全理解你的问题，但你可以尝试以下操作：

添加一个容器（Bootstrap container）
用 css 添加边距：.col-sm-4 {margin:Your margin here;}

Answer 2

将以下内容添加到您的 css

.row{padding: 0 120px;}

Answer 3

这真的取决于行内还有哪些其他内容？如果列不需要左右移动，为什么不直接使用 Bootstrap .container？您仍然可以在 container..

之外拥有全宽内容

http://codeply.com/go/HwIDGQpdbO

如何 center/add 引导网格的边距？

How to center/add margins to bootstraps grid?

css

grid-layout

twitter-bootstrap