.frow

.gutters

.col-xs-1-3
.col-xs-1-3
.col-xs-1-3

.row-center

sample
sample
sample

.row-start

sample
sample
sample

.row-end

sample
sample
sample

.row-between

sample
sample
sample

.row-around

sample
sample
sample

.column-center

sample
sample
sample

.column-start

sample
sample
sample

.column-end

sample
sample
sample

.centered

sample
sample
sample

.centered-column

sample
sample
sample

.direction-row

sample1
sample2
sample3

.direction-reverse

sample1
sample2
sample3

.direction-column

sample1
sample2
sample3

.direction-column-reverse

sample1
sample2
sample3

.justify-start

sample
sample
sample

.justify-end

sample
sample
sample

.justify-center

sample
sample
sample

.justify-between

sample
sample
sample

.justify-around

sample
sample
sample

.items-start

sample
sample
sample

.items-end

sample
sample
sample

.items-center

sample
sample
sample

.items-stretch

sample
sample
sample

.items-baseline

sample
sample
sample

.content-start

sample
sample
sample
sample
sample

.content-end

sample
sample
sample
sample
sample

.content-center

sample
sample
sample
sample
sample

.content-between

sample
sample
sample
sample
sample

.content-around

sample
sample
sample
sample
sample

.wrap

sample
sample
sample
sample
sample

.wrap-reverse

sample
sample
sample
sample
sample

.nowrap

sample
sample
sample
sample
sample
sample

.inline

inline element
sample
sample
sample
inline element
「Frow CSSを使ってみる」の記事ページへ戻る