Spectre.cssの使い方

Spectre.css入門

Spectre.css
ItemDescription
URL https://picturepan2.github.io/spectre/
License MIT
Twitter @spectrecss
Spectre.css v0.5.8
ModuleSize
spectre.min.css 44.8KB
spectre-exp.min.css 23.0KB
spectre-icons.min.css 8.64KB
Getting started
Badge
Icon
Margin

Container

<div class="container">
  Container
</div>
Container

Grid

Spectre.cssでは、水平方向を12分割したグリッドレイアウトシステムを採用しています。

列の幅をcol-{size}クラスで指定できます。

<div class="columns">
  <div class="column col-6">.col-6</div>
  <div class="column col-6">.col-6</div>
</div>
.col-6
.col-6
SE学院
by Tsukamoto Hiroyuki