基礎ビルディングブロックの予期しないレンダリングが表示されるのはなぜですか？

Question

私は財団ビルディングブロックを使ってウェブページを作ろうとしています。私が遭遇した問題は、私が期待している方法をレンダリングするためにマーケティングキットにUIビルディングブロックを手に入れることができないということです。つまり、私のページはサンプルビルディングブロックと同じレンダリングをしません。たとえば、Marketing 3-Up Featureセクションで遭遇したことを説明しましょう（http://foundation.zurb.com/building-blocks/blocks/marketing-site-three-up.html）

そのページのiframeに読み込まれるビルディングブロックの例はfoundation.cssを使用していませんが代わりに、foundation.cssが行うよりもセレクタでもっと多くのものを含むapp.cssを使用します。 （http://foundation.zurb.com/building-blocks/blocks/marketing-site-three-up-iframe.html）自分のページがfoundation.cssを使用している場合、予想されるレンダリング結果が得られません。しかし、代わりにそのサンプルページのapp.cssページを使用すると、それは動作します。しかし、app.cssは、マーケティングキットを使用するための説明書には記載されていないようです。

私には何が欠けていますか？

Answer 1

私が使用していたビルディングブロックには、フレックスを使用するFoundation 6のバージョンが必要でした。フレックス対応のFoundationバージョンに移行すると、すべてがうまくいきました。私はビルディングブロックのドキュメントでは、それを明確にした（最小限のままで）何も見ませんでした。私は、2つのファイルのCSSをより詳細に見て、レンダリングされたページのDOMを調べることでそれを発見しました。