语义网格与引导 + 少混音 ¿ 如何？

Question

Twitter引导程序文档讨论了生成网格系统的三种混合：

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

我知道如何设置页面使用引导程序和更少。。。但是我不知道如何在语义上使用网格系统。文档说明了要使用什么mixin，但没有说明如何。。。？有人能解释如何使用它们来创建语义网格吗？只是想弄清楚或看看它是如何工作的：S

谢谢！！

Answer 1

在navbar.less的bootstrap中，您会发现以下内容。

grid和.core用于为.span（）命名

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

在您希望保留"；span3"；等等，你可以很好地做类似于：

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>