बूटस्ट्रैप + कम मिक्सिन के साथ अर्थपूर्ण ग्रिड ¿कैसे?

Question

ट्विटर बूटस्ट्रैप प्रलेखन के बारे में तीन mixins बात करती ग्रिड सिस्टम उत्पन्न करने के लिए:

.container-fixed(); 
#grid > .core(); 
#grid > .fluid(); 

मुझे पता है कि करने के लिए सेटअप पेज बूटस्ट्रैप और कम उपयोग करने के लिए ... लेकिन मैं कैसे शब्दार्थ ग्रिड प्रणाली का उपयोग करने के पता नहीं है। प्रलेखन कहता है कि किस मिश्रण का उपयोग करना है, लेकिन कैसे नहीं ... ¿क्या कोई भी अर्थपूर्ण ग्रिड बनाने के लिए उनका उपयोग कैसे कर सकता है? बस यह पता लगाने के लिए कि यह कैसे काम करता है: एस

धन्यवाद !!

Answer 1

navbar में। बूटस्ट्रैप के बिना आपको निम्नलिखित मिलेंगे।

ग्रिड और .core .span() नाम स्थान के लिए उपयोग किया जाता है

.navbar-fixed-top .container, 
.navbar-fixed-bottom .container { 
#grid > .core > .span(@gridColumns); 
} 

मामलों में जहां आप "span3" आदि अपने html आप बहुत अच्छी तरह से करने के लिए कुछ इसी तरह कर सकता से बाहर रखना चाहते हैं में:

header { 
    #grid > .core .span(12) 
} 

article.right { 
    #grid > .core .span(6) 
} 

aside.right { 
    #grid > .core .span(6) 
} 

footer { 
    #grid > .core .span(12) 
} 

(12) और (6) कॉलम की संख्या हैं जिन्हें आप अपने हेडर तत्व को विस्तारित करना चाहते हैं। इस कोर्स की जगह

<header class="span12"></header> 
<article class="span6"></article> 
<aside class="span6"></aside> 
<footer class="span12"></footer>