代码之家 › 专栏 › 技术社区 › Tobias Bredenberg

如何将边距居中/添加到引导网格?

grid-layout twitter-bootstrap css

-1

Tobias Bredenberg · 技术社区 · 10 年前

我有一个PSD设计,网格看起来像这样- Grid image 这张图片只显示了PSD的一部分,因为我没有公开发布它的权利。但正如你所看到的,网格(蓝色条纹)并不像助推器网格那样左右移动。它从120px开始,在屏幕前完成120px(谈论总共12列,而不是每列)

我在对这个PSD进行编码时使用引导,并且引导网格从一侧到另一侧。

我的问题:如何更改引导网格(居中/添加边距),使其看起来与psd中的网格相同,即在屏幕上开始120px,在屏幕结束前结束120px?

我不需要在网格之外有任何内容,因为它在PSD中。所以我需要行从一边到另一边,但是列要开始一点,在屏幕显示之前结束一点。我不能使用引导容器代替容器流体,因为它也会占用行。我也不能使用偏移量,因为我会“丢失”一些列,并且每行不再有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>