开发者

How to use CSS grid framework for custom widths and gutters?

开发者 https://www.devze.com 2022-12-10 09:40 出处:网络
How to make custom CSS grid framework for custom widths? In my company i get design (PSD) in different sizes in width site like 900px, 920 px, 915p开发者_开发百科x, 973 px etc. and different gutter si

How to make custom CSS grid framework for custom widths? In my company i get design (PSD) in different sizes in width site like 900px, 920 px, 915p开发者_开发百科x, 973 px etc. and different gutter sizes like 10 px on right, 20 px on left etc. in this type of condition how can i use and take benefir of grid based framework


http://www.gridsystemgenerator.com/

This will generate the CSS based on the values defined in the form.


Everybody seems to have missed the point: if your gutters are not regular, then you can't use a grid system. You just create custom classes for each column and use them as needed. The grid systems use regular gutters so you can stack them (the columns) in a any order you like.

-- Jason


The 960 generator ?


You could also use http://www.960.gs. There are a number of online options to create a grid system. Its pretty simple!


If your widths and gutters are arbitrary sizes, you can't use one grid system for them all.

To create a different grid system for each design, there needs to be a common divisor between the widths - which is what the link provided by dr.squid does - but with widths such as 973, you'll struggle.

0

精彩评论

暂无评论...
验证码 换一张
取 消