/ / Foundation 6フレックスグリッドとあらかじめ定義されたフロート - zurb-foundation、flexbox、zurb-foundation-6

Foundation 6フレックスグリッドとあらかじめ定義されたフロート - zurb-foundation、flexbox、zurb-foundation-6

私は flex-grid Foundation 6 / SASSを使用してビルドを開始しました。 @include foundation-flex-grid;

基本的なページを作成している間、私はDevToolsでキッチンシンクの特定のアイテムが、 block そして float それらの上に。

例: .title-bar

<div class="title-bar">
<div class="title-bar-left">
<button class="menu-icon" type="button"></button>
<span class="title-bar-title">Foundation</span>
</div>
<div class="title-bar-right">
<button class="menu-icon" type="button"></button>
</div>
</div>

要素 .title-bar-left そして .title-bar-right それらに対応する浮動小数点を持ちます。私はフロートがフレックスグリッドでは不要であることを知っています。

私の質問:

  1. 私は、 flex-grid または私はやっているはずですか? あらかじめそれらのスタイルを削除/置換するための余分なものはありますか?

  2. 私には キッチンシンクの基礎サイト は 通常のグリッドに合わせて、これらの要素を flex-grid 少しの変更を加えて、あるいはたくさんの SASS / CSSの書き換え?

回答:

回答№1は0

#2の場合、「キッチンシンク」は通過できます true フレックスグリッドを次のようにオンにする:

@include foundation-everything(true);

F6.1やF6.2でこれを追加したかもしれません。公式の文書はこれを反映していませんが、 PR に。

#1の場合は、ベスト・ユースの問題よりも多くのバグ・質問があります。 提出する それ?