stretch-css:超简单的响应式CSS网格系统框架

时间:2024-06-06 11:17:53
【文件属性】:

文件名称:stretch-css:超简单的响应式CSS网格系统框架

文件大小:13KB

文件格式:ZIP

更新时间:2024-06-06 11:17:53

CSS

拉伸CSS网格系统 Stretch是一个超级简单的响应式CSS网格系统。 现在,它是一个12列的网格,可以具有您想要的任何装订线大小。 可以推和拉各列,以使操作内容真正容易,并且可以自定义断点。 类的命名是可读且易于理解的。 我希望人们觉得这有帮助。 安装 bower install stretch-css 入门 拉伸可以通过两种方式实现: 在此存储库中使用stretch.scss样式表并将其编译为CSS。 这是创建自定义版本的Stretch的最佳方法。 或者,将stretch.css文件链接到HTML文档的头部: <link rel="stylesheet" href="css/stretch.css"> 要使用网格,请首先创建带有.row类HTML元素。 在该行中,创建一个类为.col__x-12的列,其中x等于您要占用的列数。 < div class =" conta


【文件预览】:
stretch-css-master
----.gitignore(81B)
----package.json(173B)
----Gruntfile.js(748B)
----scss()
--------demo.scss(4KB)
--------stretch.scss(2KB)
----css()
--------demo.css(4KB)
--------demo.css.map(3KB)
--------stretch.css.map(13KB)
--------stretch.css(16KB)
----README.md(1KB)
----index.html(20KB)
----bower.json(372B)

网友评论