グリッドレイアウトの作成例(3段組+隙間)
responsive.gs.12col.css を読み込んで、12分割のグリッドシステムを使い、3段組を作成した例です。
ここでは「gutters」クラスを使って、段と段の間に隙間を設けています。(掲載している文章は、ダミーの文字列であって意味はありません。)
左段(span2)
その人真似に我に変本、十分個性に日数とかはめに君はするているだ仮定がありがたがってやりですて、また詫とお蔭だけも多少書物を打ち壊すです火事の向けましあり。大分をはもしない見合せないな。ちょっとtoが英国が諷刺をありては少しかという推察をやりない点も、目黒がしてを一度らで重んずるうましか。それはどんなうち忠告に入っましかとありんん。
中央段(span8)
私もあなたのようんのに、こちらの富は始めですの、義務をやっませけれどもと申し上げて、大分警視総監のためがする事はなかろないと引込んですてない。
右段(span2)
私はその自由ます足が精神が換えるてなお一般が行っですとなるに根性を与えられが得ます事ます。亡骸で一つの事もたまらなくにできる、そうかだんだんか兄でなるてつけられて、このためその上ぞ引続き主にしてならですないて、いはどうか一条ました。高等でしあいにく大学を淋しんでも云わなくんが、はたして不愉快ない抜い来るないそののを、云い末より。
記事に戻る