“全角”PSD设计中的列数

Question

我有一个 1980 像素（全角）的 PSD 设计，我需要使用 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