問題タブ [zurb-foundation-6]

最後のリリース バージョンである Foundation 6 を使用しています。イコライザーに問題があります。小さい画面だけイコライザーをオンにしたい。http://foundation.zurb.com/sites/docs/equalizer.htmlによると、これを使用する data-equalizer data-equalize-on="small" と、すべての画面サイズで動作します。私を助けてください。

私は Foundation 6 を使用しており、例を試しています。私の質問は、「サイトのタイトル」がトップバーの残りの部分と一致しない理由です。それはさらに少し上にあります。

ZURB Foundation 6 の要件は何ですか? ドキュメントは明確ではありません: http://foundation.zurb.com/sites/docs/sass.html

彼らが言うには：

まず、Bower または npm を使用してフレームワーク ファイルをインストールします。

では、Bower は Foundation ZURB テンプレートを Sass で使用するための要件ですか?

ウェブサイトに Foundation 6 を使用しています。トップバーに問題があります。マウスをホバーすると、第 2 レベルのナビゲーションが表示されます。ただし、マウスアウトで消えるまで数秒かかります。ストーカーされそうです。

HTML:

CSS:

私はそのアイデアが好きで、flex-gridそれを正しく使用しているかどうか疑問に思っていました. Foundation 6 / SASSを使用してビルドを開始し、実行しました@include foundation-flex-grid;

基本的なページを作成しているときに、DevTools で、キッチン シンクの特定のアイテムが、表示が設定されたアイテムにスタイルを使用していることに気付きましblockたfloat。

例：.title-bar

要素.title-bar-leftと要素に.title-bar-rightは、対応するフロートがあります。フレックスグリッドではフロートが不要であることを知っています。

私の質問:

1. flex-gridこれらのスタイルを事前に削除/置換するために何か特別なことをする必要がありますか?

2. Foundation Site の Kitchen Sinkは通常のグリッド用に調整され ているように思えますが、これらの要素flex-gridをほとんど変更せずに使用しても安全ですか、それとも SASS/CSS を何度も書き直す必要がありますか?

電子メール用に設定された 1 つの入力タグを含む単純なサインアップ フォームがあります。電子メールを検証するために遵守を使用しています。それは機能しますが、独自のエラー メッセージを作成し、選択したページで要素のスタイルを設定したいと考えています。これは可能ですか？

メール入力を検証していないことがわかっているこれを見つけました（メールを検証するために遵守しているコードが見つからないようです）

abidie がすでに行っていること (電子メールの検証) を模倣するカスタム バリデーターをセットアップできれば、検証が false に戻ったときに必要なページ上のすべての要素を変更できると思います。