Skip to content
this is a bitty grid system for fixed and fluid web
CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
README.md
index.html

README.md

bitty.gs

Bitty Grid 是一个极其简洁的栅格系统。然而它能很好的实现响应化的网页设计,支持 固定宽度和非固定宽度的网页设计以及各种屏幕分辨率的设备。

在屏幕分辨率小于 800px 的设备,Bitty Grid 将对列进行垂直的堆叠,当屏幕分辨率大于 800px 时, 它将进行水平的排列。Bitty Grid 把页面空间分割成 6 列,col-[1-6] 中的数字表示 此列应该占据几个最小列,比如要想实现 3 列等款的布局,应该使用三个 col-2

应该使用 .row.col-[1-6] 进行包裹,而 .row 应该放入 .container.container-fluid 中(分别表示固定宽度的容器和非固定宽度的容器)。

You can’t perform that action at this time.