グリッドレイアウトの作成例

responsive.gs.12col.css を読み込んで、12分割のグリッドシステムを使っています。
12分割の場合、最大の横幅は(デフォルトでは)800pxに制限されています。CSSを上書きすることで自由に変更できます。下記の例では「max-width:100%;」の記述を追加して、横幅の制限をなくしています。
閲覧環境の横幅が768pxを下回ると、段組は解除されます。
(掲載している文章は、ダミーの文字列であって意味はありません。)

最初のブロック(span2)

その人真似に我に変本、十分個性に日数とかはめに君はするているだ仮定がありがたがってやりですて、また詫とお蔭だけも多少書物を打ち壊すです火事の向けましあり。大分をはもしない見合せないな。ちょっとtoが英国が諷刺をありては少しかという推察をやりない点も、目黒がしてを一度らで重んずるうましか。それはどんなうち忠告に入っましかとありんん。

2番目のブロック(span8)

私もあなたのようんのに、こちらの富は始めですの、義務をやっませけれどもと申し上げて、大分警視総監のためがする事はなかろないと引込んですてない。ひょろひょろEnglandの秋刀魚に進んていませむるが、それさえ誂の弊害う事ですから、私のものを考の評云い不安はおとなしく、もうもしたのがなしうと開いつつ、私も結果に滅亡できる道具も怪しいて、推察院英国がおらたで。つまり抱いかけ私はしのがなしのた。 語学であまりなりていると、悪い見るて、私はその理に云っことをまると同様れるられのみいたませて、偶然も無論さらになけれはなし事ん。最も出る時分へは学校には我々座の靄にきっと引き返しから辺はそんな見識を解せば尽す方です。とうていその以上は筋らを立っ事ないと行くてむしろ刺戟しから引張っです方な。すなわち必要に頭が寄って会員が誘惑あてるたって窮屈せるごとく気の英々ご新聞ないとありゃでだけ忠告聴くているですない。空腹の腹の中にはなりですな。 この私にともかく私ないでしょのん。それでこの権力地に部分としてこの理帰りの人を云っですのを違っなとなっから、こんな始末の日本人はけっしてやるんから、教師の理窟がいっ児の通じですが、高等にこの発展を持っ考えのまし。しかし人格肴と出ても立ち竦ん、だから状態的の先方と叱りてはやっ、いったいその担任でも家屋ばかり底とはするれるなかろ、詳しくのの道院方から立てるからし方た。どうしても腰を男ざるて、しかし私のそれより自己児なつもりです。 しかし以上をはシャツの自分を読まがい国についてのにまだの天然はそんなにできるでしょのた。養成者でするとともに自己の私に忠告引き返して来事は今がししいるたでので、たとえば教授に価値を教えるのをよく必要たのですて仕方に知れんん。

3番目のブロック(span2)

私はその自由ます足が精神が換えるてなお一般が行っですとなるに根性を与えられが得ます事ます。亡骸で一つの事もたまらなくにできる、そうかだんだんか兄でなるてつけられて、このためその上ぞ引続き主にしてならですないて、いはどうか一条ました。高等でしあいにく大学を淋しんでも云わなくんが、はたして不愉快ない抜い来るないそののを、云い末よりしているようですするま金力ない事で。

最初のブロック(span3)

画像1

2番目のブロック(span4)

画像2

3番目のブロック(span5)

画像3

全幅を占有するブロック(span12)

このブロックは、横幅一杯に表示されます。 もうもしたのがなしうと開いつつ、私も結果に滅亡できる道具も怪しいて、推察院英国がおらたで。つまり抱いかけ私はしのがなしのた。 語学であまりなりていると、悪い見るて、私はその理に云っことをまると同様れるられのみいたませて、偶然も無論さらになけれはなし事ん。最も出る時分へは学校には我々座の靄にきっと引き返しから辺はそんな見識を解せば尽す方です。とうていその以上は筋らを立っ事ないと行くてむしろ刺戟しから引張っです方な。すなわち必要に頭が寄って会員が誘惑あてるたって窮屈せるごとく気の英々ご新聞ないとありゃでだけ忠告聴くているですない。空腹の腹の中にはなりですな。 この私にともかく私ないでしょのん。それでこの権力地に部分としてこの理帰りの人を云っですのを違っなとなっから、こんな始末の日本人はけっしてやるんから、教師の理窟がいっ児の通じですが、高等にこの発展を持っ考えのまし。しかし人格肴と出ても立ち竦ん、だから状態的の先方と叱りてはやっ、いったいその担任でも家屋ばかり底とはするれるなかろ、詳しくのの道院方から立てるからし方た。どうしても腰を男ざるて、しかし私のそれより自己児なつもりです。


記事に戻る