-1

それで、レスポンシブグリッドフレームワークであるSkeletonのデモをいじり始めたところです。

私のデモページでは、ヘッダーでH1を8列のdivに入れ、ボタンを8列のグリッドに入れようとしました。これらは16列のコンテナ内にあります。

ただし、ボタンはH1の下にドロップします。

私はこれがどこで間違っているのか本当にわかりません。誰かが明白な何かを見ることができれば、それは最も役に立ちます。

4

2 に答える 2

4

ドキュメントが少し不明確なようです-マージンを整理するために、最初/最後の列にアルファとオメガを追加する必要があります。

于 2012-07-04T12:30:52.873 に答える
0

あなたの問題はマージンと関係があります。（ ）のとwidthは、幅の広い2つの子のとをサポートしていないようです（幅[460px x2]+マージン=[10pxx 4] ）。これが彼らの問題であるかどうかを知るのに十分なスケルトンについては知りませんが、そう思われます。.sixteen.columns940pxwidthmargin.eight960px

あなたはそれらの子供たちにどのように反応させたいかを決める必要があります。「列」の配置にどのように影響するかは異なりますが、2つのことのいずれかを簡単に行うことができます。

＃1すべての子マージンを減らす

.sixteen > .eight.columns { 
    margin-right: 5px; 
    margin-left: 5px; 
}

＃2外側のマージンを維持し、中央のマージンを排除する

.sixteen > .eight.columns:first-child { 
    margin-right: 0;  
}

.sixteen > .eight.columns:last-child { 
    margin-left: 0;  
}
于 2012-07-03T12:50:17.627 に答える