0

Foundation 4.3.2 CSS バージョンの最新バージョンをダウンロードし、ZURB CSS Grid Builder ( http://zurb.com/playground/css-grid-builderで入手可能) を使用してグリッドを追加/表示しようとしました。

グリッドを実際のレイアウトの上に表示したい - のようなもの! http://i.stack.imgur.com/0hu4K.png

css フォルダーに grid.css というファイルを作成し、ZURB CSS Grid Builder のコンテンツを追加します。

次の index.html ファイルに css を追加しました。

<link rel="stylesheet" href="css/grid.css" />

しかし、グリッドは表示されません (実際にはレイアウトが壊れています)。

ZURB Grid を Foundation 4 に追加するにはどうすればよいですか?

4

1 に答える 1

0

Grid Builder は、既存のレイアウトの上にリテラル グリッドをオーバーレイするのではなく、サイトを構造化するために使用できるスタンドアロンの CSS グリッドのコードを生成するツールです。

さらに、Foundation 4 にはすでにグリッドが組み込まれています。グリッド ビルダーは、Foundation の残りの部分を使用せずに、Foundation のグリッドのカスタマイズされたバージョンを使用したい人のために、グリッド CSS を生成するだけです。

grid については、F4 のドキュメントを参照してください。グリッドの「オーバーレイ」が必要な場合は、まったく別のものが必要です。CSS でグリッド オーバーレイ全体を追加するよりも、グリッドの透明なグラフィックまたはレイアウトの上に何かを追加する方がおそらく簡単です。ブラウザのページにカスタム グリッドをオーバーレイできる Firefox および Chrome 拡張機能も多数あります。

于 2013-10-02T13:11:20.800 に答える