グリッド・ファンデーション - 水平に積み重ねられました
次の例では、携帯電話や水平方向に積層されている他の小型デバイスで、水平方向にタイル張りされているPCやタブレットデバイス上で基本的なグリッドシステムを作成します。
例
<DIVクラス = "行">
<DIVクラス=「中6列"スタイル="背景色:黄色; ">
<P>このチュートリアル</ P>
</ DIV>
<DIVクラス=「中6列"スタイル="背景色:ピンク; ">
<P>このチュートリアル</ P>
</ DIV>
</ DIV>
<DIVクラス=「中6列"スタイル="背景色:黄色; ">
<P>このチュートリアル</ P>
</ DIV>
<DIVクラス=「中6列"スタイル="背景色:ピンク; ">
<P>このチュートリアル</ P>
</ DIV>
</ DIV>
»をお試しください
ヒント: .small|medium|large-* クラス数は列の数は、スパンを指定します。 だから、 .small-1 全体の1、 .small-4 オーバー4、 .small-6 6(50%幅)等にまたがります。 注:列の数は12まで追加することを確実にするために! |