私は 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
それらに対応する浮動小数点を持ちます。私はフロートがフレックスグリッドでは不要であることを知っています。
私の質問:
私は、
flex-grid
または私はやっているはずですか? あらかじめそれらのスタイルを削除/置換するための余分なものはありますか?私には キッチンシンクの基礎サイト は 通常のグリッドに合わせて、これらの要素を
flex-grid
少しの変更を加えて、あるいはたくさんの SASS / CSSの書き換え?
回答:
回答№1は0#2の場合、「キッチンシンク」は通過できます true
フレックスグリッドを次のようにオンにする:
@include foundation-everything(true);
F6.1やF6.2でこれを追加したかもしれません。公式の文書はこれを反映していませんが、 PR に。
#1の場合は、ベスト・ユースの問題よりも多くのバグ・質問があります。 提出する それ?