＆＃34;全宽＆＃34;中的列数PSD设计

Question

我有一个PSD设计，1980px（全宽），我需要使用Bootstrap 3将其转换为HTML。

我知道Bootstrap 3有一个流体网格选项，但我的问题是**我如何计算网站上每个部分所需的列数？ **

如果是这样，1980px设计：

我怎么知道为黑色，红色和蓝色部分设置了多少列？

Answer 1

以下是您示例中的列重叠：

所以在这种情况下，你的html看起来像这样：

<div class="row">
    <div class="col-sm-2">
        <p>Black Column</p>
    </div>
    <div class="col-sm-6">
        <p>Red Column</p>
    </div>
    <div class="col-sm-4">
        <p>Blue Column</p>
    </div>
</div>

请参阅this working demo