Profound Grid:实现固定和流动布局的响应式网格系统

  Profound Grid 是一个实现固定和流动布局的网格系统。内置 SCSS,带给你灵活性和全面的控制。你可以让让个流动或者固定,还可以根据需要为每个媒体添加布局。更改列和间隔宽度,并根据需要删除或添加列。

您可能感兴趣的相关文章

 

  这个网格系统让您的的标记语义化,没有任何“grid_x”类。除非你想使用它们,在这种情况下,它们也可以包括在内。深刻的网格使用负外边距计算列。与其他网格系统不同,流体布局在每一个浏览器看起来几乎完全一样。

 

 

布局示例:

 

使用指南:

  设置网格的总宽度,流动布局设置为 100%:

$total-width: 960px; // px or %

  设置网格的总列数:

$total-colums: 12; // number

  设置网格列之间的间距:

$gutter_width: 1%;  // px or %

  设置网格左右两侧的外边距:

$container_margin: 1%;  // px or %

 

Github     官方主页     立即下载

 

 

本文链接:Profound Grid:固定和流动布局的响应式网格系统

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

posted @ 2013-01-16 18:46 梦想天空(山边小溪) 阅读(...) 评论(...) 编辑 收藏