Cuadrícula semántica con Bootstrap + Mixins MENOS ¿CÓMO?

Question

documentación de arranque

Twitter habla de tres mixins para generar sistemas de red:

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

Sé cómo configurar la página de arranque para usar y menos ... Pero no sé cómo utilizar el sistema de red semánticamente. La documentación dice qué mezclas usar pero no cómo ... ¿Alguien podría ilustrar cómo usarlas para crear redes semánticas? Solo para descubrir o ver cómo funciona: S

Gracias!

Answer 1

En navbar.less de bootstrap encontrará lo siguiente.

rejilla y .core se utilizan para el espacio de nombres .span()

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

En los casos en los que desea mantener "span3", etc fuera de su html que muy bien podría hacer algo similar a:

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

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

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

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

(12) y (6) son el número de columnas que desea que abarque su elemento de encabezado. Esto es por supuesto la sustitución de

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