Skeleton を使用して小さな 1 ページの Web サイトを構築しています。
私のデザインは、左に 5 列、中央に 3 列、右に 4 列に分割されています。
そのため、最初の 5 列を左側に、3 列を中央に、4 列を右側に追加することから始め、効果を確認するために CSS で黒の背景を指定しました。
何が起こるかというと、列が隣り合わせではなく、互いに重なり合っており、幅が 960px です。
Skeleton を使用する理由は、箱から出して列を自動的に並べてスタックするためだと思いましたか?
何か不足していますか？ありがとう ！
マークアップ:
<div class="container">
<div class="row">
<div class="five-columns intro" style="margin-top: 25%">
</div>
</div>
<div class="row">
<div class="three-columns intro" style="margin-top: 25%">
</div>
</div>
</div>
<div class="row">
<div class="four-columns intro" style="margin-top: 25%">
</div>
</div>
</div>