2013年12月3日火曜日

CSSフレームワーク PureのGridがきかない

Yahooが開発したCSSフレームワークPureのGridがすごく便利なんですが
意図したとおりに動作しなかったのでメモ





Pureは、最近お気に入りでよく使っています
フラットですごく軽くてオシャレ
使ったことがない人はぜひ使ってみてください

では、本題 PureのGridが、意図したとおりに動かない

こんな感じでレイアウトを組もうと思ったのですが真ん中のpure-u-6-8が
ちゃんと幅をとってくれなくてレイアウトが崩れてしまいました

その後、試行錯誤して試してみた結果ある一つの法則に気づきました
パターンは親と子、今回の例でいうと8が親で子が6のように約分できるものです


正しい記述方法


できました!綺麗にGridで分割されています

0 件のコメント :

コメントを投稿