Simple-Grid

A simple, lightweight CSS grid

Github星跟蹤圖

Simple Grid

A lightweight, responsive CSS grid

Developed by Zach Cole

Simple Grid and Simple Code

Simple Grid is a mobile-first 12-column CSS grid system to make developing responsive websites easy and fast.

All the code you need is simple and familiar. A parent container class contains the grid. Within the container are rows. Row classes denote rows of content, which can be filled with up to 12 columns. Columns must be nested within a row.

To define your column width, declare how many columns you want your content to take up on desktop and large screens. For example, if your content should take up 6 out of 12 columns (or half the container), your class name will be .col-6.

If you don’t want columns to expand on mobile devices and small screens, simply add -sm to the end of your column class name. For example, if you want to have two blocks of content floating side-by-side on small screens, each would be given the class name .col-6-sm.

Update: Grid styles are now available in SASS/SCSS. Hooray! Thanks to shankariyerr for contributing as well.

Learn more and see code samples at: http://simplegrid.io

License

Open source under the MIT License.

主要指標

概覽
名稱與所有者zachacole/Simple-Grid
主編程語言CSS
編程語言CSS (語言數: 1)
平台
許可證
所有者活动
創建於2016-04-10 06:54:37
推送於2024-01-30 09:10:04
最后一次提交2016-05-20 07:23:46
發布數0
用户参与
星數883
關注者數29
派生數118
提交數17
已啟用問題?
問題數16
打開的問題數12
拉請求數3
打開的拉請求數6
關閉的拉請求數8
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?