問題タブ [zurb-foundation-6]

こんばんは。私はこの問題に関して何時間も試みてきました。以下に示すように、大きな列の位置を達成したかったのですが、何か他のものを取得しています。

ご覧のとおり、大画面では A と C の間に大きなギャップがあります。私は、ハックをできるだけ使わずに、C が上がってその空白を取りたかったのです。

これが私が試したコードです。

みんなありがとう！

編集：

jfiddle の例を追加: https://jsfiddle.net/k18zw694/2/

zurb ファンデーション 6 を使っていますが、とても満足しています。しかし、私はヘッダーに苦労しています。私の目標は、次のようなメイン ナビゲーションを実装することです: 分割線として画像 (ロゴ) を使用して、水平ナビゲーション内のメニュー項目を中央に配置するにはどうすればよいですか?

私の試みは、ナビゲーション項目にulリストを使用することです:

私は Express js を使用してブログ/ポートフォリオ サイトを作成したいフロント エンド開発者です。

過去に codekit を使用して、JADE/SASS ファイルをコンパイル、縮小、自動接頭辞を付け、JS ファイルを縮小しましたが、フル スタックにするときにどこから始めればよいかわかりません。私は gulp を読んでいます (これは codekit が行うすべてのことを行うと想定しているため) が、必要なものを完全には理解していません。

バワーも必要ですか？NPM を使用してすべての gulp プラグインを制御できますか?

これらすべてを Zurb Foundation 6 で動作させるにはどうすればよいですか?

ファンデーションでオフキャンバスメニューを作ろうとしています。右または左ではなく、ページの下部から表示されるようにします。メニューを縦ではなく横にして、横からではなく下から入れたいだけです。Foundation 6 を知っている人で、これを行う方法を知っている人はいますか? ありがとう！

ローカルで適切にレンダリングされる Foundation 6 gem を使用した Rails アプリがありますが、dokku サーバーにプッシュするとすぐにレイアウトがレンダリングされません。

chrome devlopper コンソールで、次のエラーが見つかりました。

私のGemfile

編集: ローカルでは application.erb.html が挿入されていることに気付きましたが、dokku ではそうではありません。

SASSを使用してFoundation 6 for Sitesをインストールし、 Gulpでコンパイルしています。Motion-UIライブラリをいくつかのアニメーション効果に使用しようとしていますが、多くの機能が動作しています。

ビルド済みアニメーションの動作デモ: http://jsfiddle.net/4a9kux0r/7/

私が抱えている問題は、 Motion-UIライブラリで利用可能なSASSを使用してカスタム効果を作成しようとしていることです。 mixins

それを処理するために、Gulpfileに次のものがあります...

したがって、これを念頭に置いて、.scss私が使用している残りのファイルはパーシャルに設定されています。

そして私のapp.scssファイル...

以上のことから、事前に作成されたアニメーションは次のように正常に動作しています。

MotionUI.animateOut($('#foo'), 'fade-in');

しかし、エフェクトを組み合わせるためにカスタム ミックスインを作成しようとすると、このSASS_animations.scssのようにパーシャルに配置しました

このようなものは機能しません...

MotionUI.animateOut($('#foo'), 'combineAnimate');

おそらく、カスタムアニメーションを定義している、または何かを適切にインポートしていないなどの問題です。gulpとfoundation 6を使用するのはこれが初めてで、まだすべてをつなぎ合わせようとしているので、どんな助けも心から感謝しています!

ドキュメント: https://github.com/zurb/motion-ui/blob/master/docs/animations.md

次の css コードにコンパイルするだけです。