問題タブ [zurb-foundation-5]

Foundation 5 に問題があり、行 div の列のガターを折りたたもうとしています。より具体的には、ナビゲーション バーとヘッダー div がうまく並ぶように、外側の列のガターを折りたたむことに興味があります。.collapse クラスを含む行 div と各列要素に適用しようとしましたが、役に立ちませんでした。

誰かが私が欠けているものを理解するのを手伝ってくれるなら、本当に感謝しています! 以下は、ページの問題セクションのコードとスクリーン キャップで、私が達成しようとしていることを確認できます。

最終的には、ページの両側に、遷移グラデーション (青から灰色) を使用して狭い垂直ストリップを作成したいと考えています。ガターでこれを行うことができれば、それは私の問題に対する良い解決策にもなります。前もって感謝します！

Foundation Zurb 5 では、Tablet Portrait 用の準備ができているグリッド クラスはありますか? クラスが 3 つしかないことに気付きました (小、中、大)。css ファイルに特定のメディア クエリを記述せずに、ミディアム (タブレット) の縦向きに別のレイアウトを使用したい場合はどうすればよいですか? 私は次のようなものが欲しいです（プログラマーにとって非常に簡単になります）：

ファウンデーション設定ファイル (SASS) を使用してこれらのクラスを生成できれば幸いです。

ありがとう、

zurb Foundation 5 ドロップダウン メニューで hoverIntent を実装しようとしています。問題は、基盤メニューがホバー時にすぐに起動することです。これにより、メガ メニューの使用時に問題が発生します。

色の変化によりイベント トリガーを確認できますが、メガ ビジブルのホバリング状態のタイミングには影響しません。

例は、 foundation.myplumbingshowroom.com /testing.HTML で見ることができます。

私はFoundation 5のトップバーを使用しており、モバイルレベルのドロップダウンメニューをページコンテンツの上に置くのではなく、押し下げようとしています。

a を相対に設定してから、その中の ul を position: absolute に設定して z-index を高く設定しようとしましたが、それは私には起こりません。

どんな助けでもありがたく受け取られます！

Zurb Foundation 5 フレームワークを使用して、小さなデバイスでサイドバー メニューをドロップダウンに変換し、大きなデバイスでオプションを選択すると (たとえば、チェックボックスを選択すると)、小さなデバイスに反映されます。

以下のようなチェックボックスを含むサイドバー メニューがあるとします。

このメニューを小さなデバイスのドロップダウンに変換したいと考えています。私は次のことを試しました：

しかし、私が望むのは、たとえば、デスクトップ上のAppleをチェックするときです。小さいデバイスでもチェックしたいのですが、その逆も同様です。

トップバーをドロップダウンメニューに変換するには、「toggle-topbar menu-icon」があることを知っています。しかし、サイドバー メニューの場合、大きな画面で行われた変更 (チェックボックスのチェック/チェック解除) を反映するドロップダウン メニューに変換するにはどうすればよいですか?

ありがとう！

Foundation Off-Canvas Menu を Multilevel Menu として実装しました。ドキュメントの元のコード例を使用すると、サブメニューが機能しないという問題があります。表示されますが、フォーマットされておらず (サブレベルは非表示になっていません)、サブメニューを開くためのクリック イベントもトリガーされません。

特定のモジュールだけでなく、基盤フレームワーク全体をコンパイルしても、一部がコンパイルされていないように見えます。

どこから検索を開始できるか考えている人はいますか? メニューの他の部分はうまく機能します。

HTMLコードは次のとおりです。

それが SCSS ファイル (app.scss) です。

ありがとう、マイケル

サイト内で atm を使用している JS ライブラリはジョイライドであり、サイトの特定の部分での動作をカスタマイズしたいと考えています。

サービス ページ内のアイコンにジョイライドを適用しました。これは私がジョイライドを機能させたい唯一の場所です。ただし、この特定の場所にジョイライドを配置すると問題が発生します。

問題..ページが読み込まれると、画面が自動的にランダムな場所にスクロールされます..私がジョイライドを呼び出した場所を見つけようとしていると思いますか?

これは私が起こる必要があることではありません..明らかに:)

私が達成したいのは、ユーザーがサービスページ（アイコンを含む）に直接到着したときにのみジョイライドがアクティブになり、ページのロードではなく、ロードスクロールがなくなることです。

これを達成する方法はありますか？または、少なくともランダムなスクロール配置の問題を取り除きます。

リンクはこちら

http://kapena.github.io/pp_web/

クリック時にのみ表示され（ホバー時に無効） 、閉じることができるFoundation 5を使用したツールチップが必要です。

基本的に、このジョイライドの例で表示される最初のツールチップに何かが含まれていますが、ジョイライドは使用されていません。

私はそれを修正する方法を見つけることができず、ドキュメントも不足しています。これはどのようにハッキングされるのでしょうか?

gem のアセットのインポートとプリコンパイルを含む、foundation-icons-sass-rails gem のすべての指示に従いました。しかし、何らかの理由でアイコンが財団ボタンに表示されません。コード行を示します。ここで何が欠けていますか？