Griglia semantica con Bootstrap + MENO Mixins ¿COME?

Question

Twitter documentazione bootstrap parla di tre mixins di generare sistemi di rete:

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

so come impostare la pagina per usare bootstrap e meno ... Ma io non so come usare il sistema a griglia semanticamente. La documentazione dice che mixin usare ma non come ... ¿Qualcuno potrebbe illustrare come usarli per creare griglie semantiche? Giusto per capire o vedere come funziona: S

Grazie !!

Answer 1

In navbar.less di bootstrap troverai quanto segue.

griglia e .core sono utilizzati per lo spazio dei nomi .span()

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

Nei casi in cui si desidera conservare "span3" etc dalla vostra html si potrebbe benissimo fare qualcosa di simile a:

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

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

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

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

(12) e (6) sono il numero di colonne di cui si desidera l'estensione dell'elemento di intestazione. Questo è naturalmente sostituire

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