Semantic Grid System vs Spectre

With Semantic.gs, you can manipulate the grid using media queries.

article { .column(9); }
section { .column(3); }

@media screen and (max-width: 720px) {
    article { .column(12); }
    section { .column(12); }
}

By default Semantic Grid System has a fixed layout. But switching to fluid, percentage-based layouts is easy. To switch from pixels to percentages, simply add one variable:

@total-width: 100%;

Semantic.gs supports all modern CSS pre-processors sucha as Sass, LESS and Stylus.

Very clean design compared to bootstrap.

Works well on any device.

Spectre can be used to create mobile websites easily. With all the regular built in elements (buttons, menus, grids etc).

Contains only the basics, no extra fluff.

Spectre is used through Github, and is open source.