Twitter的引导文件谈到三个混合来生成网格系统:
.container-fixed(); #grid > .core(); #grid > .fluid();
我知道如何设置页面使用引导和更少…但是我不知道如何在语义上使用网格系统.文档说明要使用什么混音,但不是如何…¿任何人都可能会挫败如何使用它们来创建语义网格?只是想弄清楚或看看它是如何工作的:S
谢谢 !!
解决方法
在导航栏中,您可以找到以下内容.
grid和.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>
原文地址:https://www.jb51.cc/css/213981.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。