6

私のプロジェクトでZURBFoundation3を使用しています。私はグリッドシステムとレスポンシブサイトが大好きですが、私の問題は、それらを1000pxより広く構築する必要があると強く信じていることです。

少し質問があります:

1)まず、特定のセクション(div)を全幅にしたいです。今、私は例えばと置き換えることができ、それがその効果を生み出すことを<div class="row">読みました。<div class="container">何らかの理由でこれが正しくないと感じた場合、全幅の独自のクラスを作成する必要がありますか、それともこれを行うための適切な方法は何でしょうか?

2)より大きな解像度、おそらく最大幅1440ピクセル、または流体の100%全幅に基づいて作成したいと思います。どうすればこれを実行できますか、および/またはFoundationは私にとって正しいフレームワークではありませんか?すべてのテンプレートが付属しているので、モックアップをすばやく簡単に実行できます。

前もって感謝します。

4

3 に答える 3

11

更新:この投稿への投票をやめてください。質問に回答してから、フレームワークが大幅に変更されました。Foundation 4以降を使用している場合は、更新された回答を確認し、賛成票を投じてください。

Foundation 3の初期バージョンの場合のみ 、CSSに次のオーバーライドを追加します(これは、foundation.cssの後または最後に表示する必要があります)

.row {
     width: 100%;
}

これにより、フレームワークのデフォルトが上書きされ、デザインが全画面表示になります。ニーズに合わせて、この値を自由に変更してください。

http://foundation.zurb.com/download.phpで利用可能なカスタマイズされたダウンロードもあります(これはおそらく同じことを行い、.row widthをオーバーライドまたは置き換えます)

于 2012-10-11T17:15:04.233 に答える
7

ファンデーションの編集/オーバーライドは簡単です。Foundation 4では、_settings.scssファイルを編集できます。$ row-widthのコメントを外します:emCalc(some_number.px); 使用したい行幅に。

于 2013-05-20T14:05:40.927 に答える
1

コメント解除$row-width: rem-calc(1000);は私のために働いた

于 2013-12-05T10:34:17.220 に答える