問題タブ [zurb-foundation-5]

Foundation- Zurbフレームワークで、テキストボックスとボタンの間にスペースを入れずに結合したい .すべてからマージンを削除した.

そこで、Foundation フレームワークを試してみようと思ったのですが、最初に遭遇した問題は、ドロップダウン メニューの class="active" でした。

私が欲しいのは、ユーザーが現在表示しているページ リンク (ドロップダウン リスト内) に適用するクラスです。

ファウンデーション ドキュメントとワールド ワイド ウェブを調べましたが、残念ながらどこにも行き着きませんでした。

Zurb Foundation 5 フレームワークと ReduxFramework をテーマ オプション パネルとして使用して WordPress テーマを開発しています。そのため、WordPress テーマの配色を実装するにはさまざまな方法があります。

1. 異なる配色で異なるスタイル シートを使用する。
2. CSS クラスと ID の使用
3. +さらに多くの方法........

でも、こんな風にはしたくない。ReduxFramework は、css ファイルを動的に変更し、クラスまたは ID を書き込むことができます。で、こうしていきたい。したがって、ReduxFramework オプション パネルから Foundation 5 css スタイル シートのクラスと ID を動的に変更できます。変更後、テーマの配色を変更する必要があります。

ファンデーション 5 には 6 つのメイン カラー オプションがあります。ReduxFrameworkオプションパネルからそれらを変更したい。

1. 原色
2. 二次色
3. アラートの色
4. サクセスカラー
5. 本文のフォントの色
6. ヘッダーのフォントの色

また、Redux Framework の Foundation 5 CSS フレームワークに付属するすべてのオプションを変更または変更する方法はありますか。

こちらの画像リンクからどうぞ。{拡大表示するには、この画像を新しいタブで開きます}

今の質問は、どうすればそれらのことを行うことができますか?

私はPHP、JS、HTML、CSS、MYSQLなどを知っています。あなたの答えにすべてを説明すると、私にとってより役に立ちます。

この質問は、Foundation 5 の wp テーマの Unlimited Color Schemes から再投稿されました - WordPress Development Stack Exchange: . ある評判の良いユーザーから、ここでこの質問をするように勧められました。

ストックパディング付きの通知の閉じるボタンは、コンテンツに非常に近いです。閉じるボタンのパディングまたはマージンを調整する方法はありますか、または通知の内容に閉じるボタンから少し多くのスペースを与えるためのより良い推奨事項がありますか?

ファンデーション 5 を実行し、マゼランを使用しています。一貫してグリッドから抜け出すことができるように試してみてください。私はこれに慣れていないので、どんな洞察も役に立ちます。ページを最初にロードすると、グリッド内に正しく配置されます。下にスクロールすると、マゼラン メニューが左に移動し、ページの幅いっぱいに表示されます。もう一度上にスクロールすると、ブラウザ ウィンドウの上部から「はがれ」ても、変化しません (つまり、左端までずっと残っていることを意味します)。現在、ローカルホストのテストサーバーにしかありません。Windows の firefox と chrome で同じ問題が発生しています。

これが私のコードです：

洞察をいただければ幸いです。私はあまりにも長い間、これに夢中になっています。それは可能でなければなりません-ドキュメントページでは、マゼランがグリッドの中央の列に正しくとどまっているようです: http://foundation.zurb.com/docs/components/magellan.html

Foundation 5 と Sass を使用しています。_settings.scss では、行とガターの幅を変更できます。デフォルトでは、行は 1000px に設定されていますが、Photoshop で 12 列のページの幅を測定すると、幅はちょうど 970px です。また、ガターの幅が 30px に設定されていることもわかりました。

私の質問は:なぜ 1000px の行が実際には 970px 幅なのですか? 私はそれについて心配する必要がありますか？または、1000px 幅のページが必要な場合は、行を 1030px に設定する必要がありますか?

「Uncaught ReferenceError: Foundation が定義されていません」といういくつかのエラーが発生しています。それらは次のようになります。

コンソールで Foundation と入力すると、次のようになりましたObject {name: "Foundation", version: "5.5.1", media_queries: Object, stylesheet: CSSStyleSheet, global: Object…}global: Objectinherit: function (scope, methods) {init: function (scope, libraries, method, options, response) {init_lib: function (lib, args) {libs: Objectmedia_queries: Objectname: "Foundation"patch: function (lib) {rtl: falsescope: documentset_namespace: function () {stylesheet: CSSStyleSheetutils: Objectversion: "5.5.1"__proto__: Object。

また、コンソールを使用して jQuery が機能していることも確認しました: $(document) 結果は [>#document] になります。

Ruby (2.0.0) で Rails (4.2.1) スタックを実行しており、zurb/foundation-rails の基本的なチュートリアル/ウォークスルーに従っています。

RailsApps/rails_layout gem も試しましたが、同じエラーが発生します。

私が考えることができる唯一のことは、Foundation を必要とするすべての機能 (abide、accordion など) の後に Foundation を定義していることですが、スケルトン コードはテンプレート ジェネレーターからのものであるため、それは発生しないはずです。私は RoR や Foundation の構造について経験がなく、それが事実であるかどうかを知ることができないので、どこでエラーを見つけられるのか疑問に思っていました。

または、これが私の Mac の単なるクライアントの問題である場合。

私は最近、Foundation5 にBlock Gridがあることを発見しました。これは、それを使用することの重要性を実証するためにオンラインでユースケースをめったに見つけられませんでした...または、持つべき優れた機能でさえありますか? 現在 Bootstrap3 を使用していて、Block Grid がないことがわかったからです。ですから、本当に気をつけなければならない大きな機能なのだろうかと思います。おそらく、列ベースのグリッド以外のブロック グリッドを使用する方がはるかに優れているいくつかの重要なユーザー ケースです。

ありがとう！

Foundation 5を使用して、リストグループ項目の境界線とすべてを使用して、Bootstrapのリストグループに相当するものを取得する方法を見つけようとしています.

しかし、これほど似たものはないようです。

私が見つけた唯一のものは、Foundation のサイトで ul/li が提案したものです。 http://foundation.zurb.com/docs/components/typography.html

何か案は？

更新: Foundation のこのリスト グループを使用して、コメント/コメント コメントをリストしたいと考えています。ここでは Bootstrap を使用しています。