Sieć semantyczna z Bootstrap + MNIEJSZE MIESZANKI ¿JAK?

Question

Twitter dokumentacja bootstrap opowiada o trzech wstawek do generowania systemów sieciowych:

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

wiem jak ustawić stronę użyć bootstrap i mniej ... Ale nie wiem, jak korzystać z systemu sieci semantycznie. Dokumentacja mówi, jakich mixin użyć, ale nie w jaki sposób ... Czy ktoś mógłby zilustrować, jak z nich korzystać, aby tworzyć siatki semantyczne? Aby dowiedzieć się, jak to działa: S

Dziękuję!

Answer 1

W navbar.less z bootstrap znajdziesz następujące.

siatki i .core służą do przestrzeni nazw .span()

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

W przypadkach, gdy chcesz zachować „span3” etc ze swojego html mógłby równie dobrze zrobić coś podobnego do:

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

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

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

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

(12) i (6) to liczba kolumn, na których powinien się znajdować element nagłówka. Jest to oczywiście zastępując

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