spectreは、Bootstrapのようなレスポンシブgridシステムのフレームワークのひとつで、エレガントなデザインと軽量さを特徴にしています。Bootstrapなどと同様に、横幅を12分割したサイズを基準に、"col-1"から"col-12"までのclass名によるgrid幅で合計12になるようにレイアウトを組むことができます。サンプルの「Basic Grids」は、いずれの行も合計12になっています。入れ子にした「Nested Grids」では、2つの"col-6"の親要素の中に、計12になる"col-5"と"col-7"が収まっています。また、2番目の入れ子では、"col-8"の親要素の中に"col-5"と"col-7"が、"col-4"の親要素の中に"col-12"が収まり、いずれも合計12になっています。