如何使用 Susy 进行静态布局？

Question

我正在努力学习 Susy 并用它构建响应式页面。在使用 Susy 之前，我一直在使用 Bootstrap 网格，并且已经习惯了使用该网格设计网页。当我在 Bootstrap 网格中设计时，我知道列的确切位置并相应地使用该大小的图像。例如，跨越 3 列的图像将是 270 像素宽。我正在努力学习 Susy 的概念是如何根据所需的列数来确定图像的宽度。

简而言之，我想坚持使用静态宽度的旧技术，但不使用 Bootstrap 网格，而是使用 Susy。

有没有其他人也遇到同样的问题？还是我漏掉了一些概念？

谢谢

Answer 1

好的，我想我明白了。这是我用来模仿 Bootstrap 网格的配置。

$susy: (
    columns: 12,        
    column-width: 70px,
    gutters:30px/70px,  
    debug: (image: show)
);

这会生成 Bootstrap

使用的网格

如何使用 Susy 进行静态布局？

How to use Susy for Static Layouts?

responsive-design

twitter-bootstrap-3

susy