twitter-bootstrap-3 - 如何使用 Susy 进行静态布局？

Question

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

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

有没有其他人也面临同样的问题？还是我错过了一些概念？

谢谢

Answer 1

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

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

这会准确生成 Bootstrap 使用的网格