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

时间:2015-02-12 01:50:47

标签: twitter-bootstrap-3 responsive-design susy

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

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

还有其他人也遇到过同样的问题吗?或者我错过了一些概念?

由于

1 个答案:

答案 0 :(得分:0)

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

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

这会生成Bootstrap

使用的网格