問題タブ [zurb-foundation-6]

Foundation 6 の新しいインストールを使用して、閉じることができるトグル ボックス ( http://foundation.zurb.com/sites/docs/toggler.html ) を設定しようとしています。

何らかの理由で、このエラーが発生しています..

Uncaught TypeError: Cannot read property '_init' of undefined

foundation.core.js の 245 行目。

これは私のページの HTML で、Foundation ドキュメントのクローズ可能な例から直接引用したものです。

これは、.html の前の HTML の下部にある JavaScript です</body>。

ここで何が間違っているのか、何が欠けているのかわかりません。Foundation javascript ライブラリ全体をロードするとすべてが機能しますが、それは必要なものに対して完全にやり過ぎです。

Foundation 6 ドキュメント:

典型的なデフォルトのブラウザー フォント サイズは 16 ピクセルであるため、グリッド サイズの計算はそれで行われます。ベース フォント サイズを変更し、グリッド ブレークポイントに影響を与えないようにする場合は、 をピクセル値に設定$rem-baseし$global-font-sizeてください。$global-font-size

書かれているとおりに行い、12列のグリッドには1200pxではなく1050があります。これは に問題がありrem-calc()ますか? これはどういうわけか修正またはバイパスできますか?

重複ではありません。同様のトピックからの回答は役に立ちません。

おそらくこの質問はすでに出されていると思いますが、英語は私の母国語ではなく、検索の問題を表現できません。また、これを Google で約 1 ～ 2 時間検索します。だから許してください。

これが私の問題です。

ご覧のとおり、名前の長さが異なるため、ボタンは水平方向に整列していません。

これが私のコードです。

ご覧のとおり、バックエンドで RoR を使用しています。また、フロントエンドには Foundation 6 を使用しています。

div のサイズは絶対的なものではないため、margin は使用できません。私はいくつかのことを試しましたが、何もうまくいきません。

現在、Foundation 6 で orbit.js スライダーを使用していますが、スライド番号を表示するオプションが表示されません。

これについて私にアドバイスするか、例を共有してください。

ありがとう！

私は Foundation 6 にまったく慣れていないので、画像の扱い方がよくわかりません。

ドキュメントには多くのことが書かれています:

http://foundation.zurb.com/sites/docs/starter-projects.html#asset-copying :

Gulp は、src/assets フォルダーからすべてをそのまま最終プロジェクトの assets フォルダーにコピーします。Sass ファイル、JavaScript ファイル、および画像は、独自の手順があるため、このコピー プロセスの一部ではないことに注意してください。

http://foundation.zurb.com/sites/docs/starter-projects.html#image-compression :

デフォルトでは、すべての画像が assets/img から dist フォルダーにそのままコピーされます。本番用にビルドする場合、イメージは圧縮のために gulp-imagemin を介して実行されます。このプラグインは、JPEG、PNG、SVG、および GIF ファイルをサポートしています。

フォルダにあるイメージsrc/assetsは にコピーされませんdist/assets。では、それらを手動でコピーする必要があるということですか? そのときの目的は何でしょうsrc/assets/img？

また、Foundation 5 では、Interchange で使用するさまざまな形式の画像のサイズを変更していました。Foundation 6 でより効率的なプロセスはありますか?

では、画像アセットをどのように処理すればよいのでしょうか?

ありがとう！

私はコンパスを使用してサスを行うファンデーション5を使用していました。でも今はファンデーション 6 に切り替えています。gulp を実行すると、次のエラーが表示されます。

ここで見つけた答えが1つあります：http://foundation.zurb.com/forum/posts/36389-what-is-import-utilutil、これはFoundation 6がlibsassを使用していることを示していますが、libsassを知らず、コンパスを使用したい私は自分のプロジェクトですでにコンパスミックスインと機能を使用しているので。私は彼らが言った方法を試しましたが、成功しませんでした。コンパスを使ってFoundation 6の使い方を知っている人はいますか？ところで、コマンド ラインを使用して、必要なすべてのツールを備えた Foundation プロジェクトを生成し、Foundation 5 を使用して古いプロジェクトをコピー アンド ペーストし、新しい Foundation 6 フォルダにうなり声を上げます。ありがとう。

scss を使用して Foundation 6 トップ バーのパディングを使用して、アンカー タグのクリック可能な領域を増やそうとしています。Foundation 6 では、何らかの理由でこれが許可されていないようです。display プロパティを inline-block と block に設定しようとしましたが、パディングはまだリンクのサイズに影響しません。

li 要素のパディングを増やすことはできますが、リンクのクリック可能な領域は増えません。

Foundation 6 scss プロジェクトがインストールされていない状態でこれをテストする方法がよくわからないので、そのまま html と css を投稿しています。

これが app.scss ファイルに追加した css です。

ここにHTMLの例があります