/ / फाउंडेशन 6 फ्लेक्स ग्रिड और पूर्वनिर्धारित फ्लोट्स - ज़र्ब-फाउंडेशन, फ्लेक्सबॉक्स, ज़र्ब-फाउंडेशन -6

फाउंडेशन 6 फ्लेक्स ग्रिड और पूर्वनिर्धारित फ्लोट्स - ज़र्ब-फाउंडेशन, फ्लेक्सबॉक्स, ज़र्ब-फाउंडेशन -6

मुझे विचार पसंद है flex-grid और सोच रहा था कि क्या मैं इसे सही तरीके से उपयोग कर रहा हूं। मैंने फाउंडेशन 6 / एसएएसएस का उपयोग करके एक निर्माण शुरू किया और किया @include foundation-flex-grid;

एक मूल पृष्ठ के निर्माण के दौरान मैंने अपने देवतुल्स में देखा कि किचन सिंक से कुछ आइटम उन वस्तुओं पर शैलियों का उपयोग कर रहे हैं जिनके डिस्प्ले सेट हैं 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 थोड़ा संशोधन के साथ, या इसके लिए बहुत सारे की आवश्यकता होगी एसएएसएस / सीएसएस का पुनःलेखन?

उत्तर:

जवाब के लिए 0 № 1

# 2 के लिए, "रसोई-सिंक" पास हो सकता है true फ्लेक्स-ग्रिड को चालू करने के लिए:

@include foundation-everything(true);

उन्होंने इसे कभी-कभी F6.1 या F6.2 में जोड़ा होगा; आधिकारिक दस्तावेज़ इसे प्रतिबिंबित नहीं करते हैं, लेकिन मैंने एक डाल दिया है पीआर सेवा मेरे।

# 1 के लिए, सबसे अच्छा उपयोग समस्या से अधिक बग प्रश्न हो सकता है, शायद आपको चाहिए जमा करें यह?